讓ie相容css3新屬性backround-size

標籤：http   os   sp   for   問題   log   bs   代碼   ad   

現在硬體效能的急速提升也是一些網站的圖片應用越來越大，許多網站採用大圖做背景。但是不同解析度下仍有問題，css推出了backround-size這個樣式，但是ie瀏覽器尤其是低版本不相容該屬性，我們下面就來解決這個問題，以backround-size：cover屬性為例

background: url(http://ll.02lu.com:8080/eastday/user/src/img/login_new_banner.jpg) center top no-repeat;
background-size:cover;

相容ie9及以上瀏覽器

 

我們如何來相容ie8及以下呢？

需要在你的樣式加入以下代碼：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘http://ll.02lu.com:8080/eastday/user/src/img/login_new_banner.jpg‘, sizingMethod=‘scale‘);
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘http://ll.02lu.com:8080/eastday/user/src/img/login_new_banner.jpg‘,sizingMethod=‘scale‘)";

個人已經測試過！

 

讓ie相容css3新屬性backround-size