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