如今,IE瀏覽器已經成為全球許多人使用的老式瀏覽器,而為了確保在IE瀏覽器上表現良好,我們需要針對不同的IE瀏覽器版本設置相應的CSS樣式。
/* targeting IE 6 */ * html #element { color: red; } /* targeting IE 7 */ *:first-child+html #element { color: red; } /* targeting IE 8 */ html>/**/body #element { color: red; } /* targeting IE 9 */ :root #element { color: red; }
如上代碼展示了依據不同IE版本設置CSS樣式的具體代碼。其中,IE6的識別代碼通常是* html
,IE7的識別代碼在IE6的基礎上再加上:first-child+html
,IE8的識別代碼則為html>/**/body
,而IE9的識別代碼為:root
,不過需要注意的是,如果不將IE9文檔模式下的DOCTYPE設置為HTML5的話,IE9還是會使用IE8的識別代碼,因此DOCTYPE設置對于識別IE瀏覽器版本的代碼來說非常重要。
總而言之,在制作網站時,需要根據不同IE瀏覽器版本設置不同的CSS樣式以確保網站在IE上的表現良好。
下一篇判斷css文字多余省略