解决IE8不兼容 background-size

 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哈哈~

 

转载于:https://www.cnblogs.com/JaneBlog/p/10340718.html