background-size是CSS3新增的属性,但是IE8以下还是不支持,可以通过滤镜来实现这样的一个效果
background-size:contain; // 缩小图片来适应元素的尺寸(保持像素的长宽比);
background-size :cover; // 扩展图片来填满元素(保持像素的长宽比);
background-size :100px 100px; // 调整图片到指定大小;
background-size :50% 100%; // 调整图片到指定大小,百分比相对于包含元素的尺寸。
浏览器兼容:
IE 和遨游不支持;
Firefox 添加私有属性 -moz-background-size 支持;
Safari 和 Chrome 添加私有属性 -webkit-background-size 支持;
Opera 不支持 background-size 属性,添加其私有属性 -o-background-size 也不支持。
示例:
注意:路径须要一样,并且是绝对路径
本文详细介绍了CSS3中background-size属性的使用方法及其浏览器兼容性。包括如何使图片适应元素尺寸、填充元素等,并提供了具体的代码示例。此外还介绍了在不支持此属性的浏览器中如何通过滤镜实现类似效果。
8532

被折叠的 条评论
为什么被折叠?



