CSS3 是當(dāng)今最流行的網(wǎng)頁美化技術(shù)之一,其中背景圖片功能尤為重要。然而,在兼容 IE 瀏覽器的問題上,CSS3 背景圖片通常會遇到一些困難。下面為大家介紹一些兼容 IE 的 CSS3 背景圖片方案。
/* 方案一 */ background-image: url(image.jpg); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader("src=image.jpg,sizingMethod=scale"); /* 方案二 */ background-image: url(image.jpg); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.jpg', sizingMethod='scale')"; /* 方案三 */ background: url(image.png); background-size: cover; -ms-behavior: url(iebackgroundsize.min.htc); /* 方案四 */ background-image: url(image.jpg); background-repeat: no-repeat; behavior: url(iepngfix.htc);
上述四種方案,都是兼容 IE7 及以上版本的常用方法,不過也有一些局限性。例如,IE6 不兼容 CSS3 的背景圖片,而 IE8 不兼容滾動的 CSS3 背景圖片。
無論是哪一種方案,我們在使用 CSS3 背景圖片時(shí),都應(yīng)該做好兼容性測試,以保證網(wǎng)頁的最佳效果。當(dāng)然,隨著瀏覽器的更新,CSS3 背景圖片兼容 IE 的問題也將越來越被重視和解決。