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