CSS background-image属性_html/css_WEB-ITnose
程序员文章站
2022-04-20 19:56:23
...
background-image属性的定义和用法:
设置或检索对象的背景图像。
当背景图像与背景颜色(background-color )都被设定了时,背景图片将覆盖于背景颜色之上。
对应的脚本特性为backgroundImage。
语法结构:
设置或检索对象的背景图像。
当背景图像与背景颜色(background-color )都被设定了时,背景图片将覆盖于背景颜色之上。
对应的脚本特性为backgroundImage。
语法结构:
background-image:none|| | | |
取值:
none:无背景图,默认值。
浏览器支持:
IE浏览器支持此属性。
火狐浏览器支持此属性。
谷歌浏览器支持此属性。
opera浏览器支持此属性。
特别说明:1.IE8及更早浏览器不支持CSS3 background-image,即不支持多背景和使用渐变作为背景图像。
2.IE9不支持CSS3新增参数值:
3.Opera11.50-11.51不支持CSS3新增参数值:
继承性:
无继承性。
实例代码:
CSS教程
- 使用url()引入背景图像
使用url()可以是绝对或相对路径
- 使用渐变绘制背景图像
渐变种类有:linear-gradient, radial-gradient, repeating-linear-gradient, repeating-radial-gradient
- 多重背景图
多重背景图可以是url()或gradient的混合方式
原文地址是:CSS background-image属性一章节。
更多css知识可以参阅http://www.softwhy.com/divcss/
推荐阅读
-
Java web页面静态化_html/css_WEB-ITnose
-
公共书包public(例子文件:_samples/public.html)-缺省存在的书包_html/css_WEB-ITnose
-
自动化分页,HTML代码控制 思想_html/css_WEB-ITnose
-
还在为小三角形切图?使用纯CSS写一个简单的三角形_html/css_WEB-ITnose
-
文字别乱跑~_html/css_WEB-ITnose
-
css3实现模拟select 以及其中的三角形_html/css_WEB-ITnose
-
HTML5 SVG之矩形简单示例分享_html/css_WEB-ITnose
-
html代码中让链接在新窗口中打开的写法_html/css_WEB-ITnose
-
Codeforces Round #258 (Div. 2)Devu and Flowers 容斥原理_html/css_WEB-ITnose
-
IE6右浮动与margin-right无效(100分悬赏)_html/css_WEB-ITnose