怎么在IE上兼容background-size

怎么在IE上兼容background-size

在你想要给background-img的地方添加一个子标签

在html中添加一个img标签，width 设置好大小

给img 一个绝对定位，给img的父元素一个相对定位，让img漂浮文档流，且不占位置，再给一个z-index，一个负值，让这个img，不至于盖住下面的东西，最后用top，left，调整位置，在ie8，ie7是兼容的，不需要用到background-size

在IE上兼容background-size的方法：

可以试试 IE 的滤镜：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(

src='*****.gif',

sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(

src='*****.gif',

sizingMethod='scale')";

解决办法是利用css实现，具体如下：

1、在css中添加如下代码：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='jpg url',

2、下面给出完整的实例代码：