在編寫CSS樣式時,我們通常需要考慮不同瀏覽器之間的兼容性。其中,最為煩惱的就是IE瀏覽器的兼容問題。針對IE瀏覽器的兼容處理,我們可以使用一些特定的CSS樣式聲明。
/* IE6瀏覽器特定樣式聲明 */ * html { _color: #000000; } /* IE6、IE7瀏覽器特定樣式聲明 */ * +html { _color: #000000; } /* IE6、IE7、IE8瀏覽器特定樣式聲明 */ @media\0screen { body { font-size: 12px; } } /* IE7、IE8瀏覽器特定樣式聲明 */ *+html #element { color: #000000; } /* IE8、IE9、IE10瀏覽器特定樣式聲明 */ .icon:before { content: ""; display: inline-block; zoom: 1; *display: inline; } /* IE8、IE9、IE10、IE11瀏覽器特定樣式聲明 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* 針對IE的樣式聲明 */ } /* IE9、IE10、IE11瀏覽器特定樣式聲明 */ input::-ms-clear, input::-ms-reveal { display: none; }
以上是常用的一些針對IE瀏覽器的樣式聲明,這些樣式聲明可以讓我們的網(wǎng)頁在不同版本的IE瀏覽器中兼容得更好。