background-size ie8不支持怎么解決

background-size這個屬性是css3，新增的屬性，現在很多瀏覽器已經支持了，但是IE系列的瀏覽器卻沒有支持，比如IE8，下面介紹下如何解決這個問題

 

在IE瀏覽器中，可以通過濾鏡filter來實現。

background-image: url('test.jpg'); 

background-size: cover; 

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg',  sizingMethod='scale');

其中，圖片的路徑url和src必須一樣，同時路徑都必須是絕對路徑，全路徑，才可以，否則會出錯

IE例

<td width="870" height="300" style="background: url(login/image/index_main.jpg) no-repeat right top;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='login/image/index_main.jpg',sizingMethod='scale');" >

Chrome例

<td width="870" height="300" style="background: url(login/image/index_main.jpg) no-repeat right top;

background-size:100%;" >