解决IE8不兼容 background-size

 IE8下,使用background-size适应盒子大小时不兼容,效果以下图:css

 

网上找资料,说添加以下代码能够兼容IE8url

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style Library/hry/images/logo.png',sizingMethod='scale');

因而加上后,获得以下图orm

能够发现,确实有自适应了,可是却有2张了,因而想到hack,使用 \9 blog

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style Library/hry/images/logo.png',sizingMethod='scale')\9;

 结果发现仍是不行的,继续爬坑找资料,而后找到以下代码,也是使用了 \9 ,只是使用的位置有所不一样,结果就成了,O(∩_∩)O哈哈~form

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');

效果以下图 class

 

仅以为如今的时间可能 IE8 还有使用,因此适当兼容下,并未继续兼容 IE8- 。但愿上述解释能帮到诸位 ~ O(∩_∩)O哈哈~hack

相关文章
相关标签/搜索