IE8下,使用background-size适应盒子大小时不兼容,效果如下图:
网上找资料,说添加如下代码可以兼容IE8
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style Library/hry/images/logo.png',sizingMethod='scale');
于是加上后,得到如下图
可以发现,确实有自适应了,但是却有2张了,于是想到hack,使用 \9
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style Library/hry/images/logo.png',sizingMethod='scale')\9;
结果发现还是不行的,继续爬坑找资料,然后找到如下代码,也是使用了 \9 ,只是使用的位置有所不同,结果就成了,O(∩_∩)O哈哈~
background: url('/Style Library/hry/images/logo.png') no-repeat left;background-size: 100% 100%;background: none\9;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style Library/hry/images/logo.png',sizingMethod='scale');
效果如下图
仅觉得现在的时间可能 IE8 还有使用,所以适当兼容下,并未继续兼容 IE8- 。希望上述解释能帮到诸位 ~ O(∩_∩)O哈哈~