background-size:规定背景图像的尺寸。
IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 属性。
一般在项目中会经常用到cover和100%的属性,是背景图铺满整个元素,在ie7、8中可以使用filter(滤镜)来实现。
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale')";
说明:
①不能指定任意大小background百分比,可用cover、100%,
②用于单张图片不能使用图片精灵等拼图,
③src要引用绝对路径图片,
④兼容ie7,8
重点提醒:如果filter加了前缀-ms-后,那这个属性值必须用引号包起来,否则ie无法识别。
网友评论