浏览器css兼容

CSS

❤background-size css3新属性 在IE和傲游浏览器中并不支持

在火狐浏览器中通过添加私有属性-moz-background-size从而获得支持

Safari和Chrome也需要通过添加私有属性-webkit-background-size

在IE浏览器中可以通过滤镜filter来实现

    background-image:url('test.jpg');

    background-size:cover;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg',sizingMethod='scale'); 其中图片路径url和src必须一致,同时都是绝对路径,否则会出错,也就是说不能放在css文件里边,放在html里面。

sizingMethod

crop: 剪切图片以适应对象尺寸。

image: 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。

scale: 缩放图片以适应对象的尺寸边界。不管图片尺寸为多大,都会拉伸到跟容器的尺寸一样宽高

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容