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