在開發過程中,我們常常遇到一些兼容性問題。其中一個普遍存在的問題是各瀏覽器對CSS的解析存在一定差異。這時候,我們可以使用IE內核來解決這種情況。
我們需要在HTML的頭部添加一個meta標簽來指定使用IE內核:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
使用IE內核后,我們還需要注意以下幾點:
1. 使用IE私有屬性
/* IE CSS 屬性 */ -ms-overflow-style: scrollbar;
2. 使用IE條件注釋
<!--[if IE]>這里是IE瀏覽器專有的HTML代碼片段<![endif]--> <!--[if IE 6]>這里是僅IE6瀏覽器才會解析的HTML代碼片段<![endif]--> <!--[if IE 7]>這里是僅IE7瀏覽器才會解析的HTML代碼片段<![endif]-->
3. 使用IE Hack
/* IE6 */ * html .selector { color:red; } /* IE7 */ *:first-child+html .selector { color:red; } /* IE6,IE7 */ .selector { color:red; _color:blue; } /* IE6, IE7, IE8 */ .selector { padding:10px 20px\9; }
以上就是使用IE內核需要注意的幾點。 當然,我們還是建議在開發過程中,盡量保持瀏覽器的內核都是較新的版本。
上一篇css設置文本行數
下一篇css設置第二個元素