浏览器css兼容
2019-05-20 本文已影响0人
63eb7397f9be
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: 缩放图片以适应对象的尺寸边界。不管图片尺寸为多大，都会拉伸到跟容器的尺寸一样宽高
