CSS IE6/IE7/IE8/FireFox CSS 相容辦法 hack

來源:互聯網
上載者:User

CSS之IE8相容方法+相容IE6/IE7/IE8/FireFox的CSS hack

IE8正式版推出以來,有些沒有按照標準來寫代碼的頁面,可能會存在相容問題,下面介紹幾種相容的辦法:

一、通過hack相容

"\9" 例:"font-size:16px\9;".這裡的"\9"可以區別所有IE 和 FireFox.

"*" IE6IE7可以識別.IE8FireFox不能.

"_" IE6可以識別"_",IE7IE8FireFox不能.

可能這樣寫不是很理解,舉個例子:

font-size:16px;         /*所有瀏覽器都適用*/

font-size:14px\9;      /*IE6、IE7、IE8*/

*font-size:18px;        /*IE6、IE7*/

_font-size:20px;       /*IE6*/

二、通過IE8相容視圖來相容

在html代碼的head部分加入以下代碼:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

補充一個chRome 的hack

body:nth-of-type(1) classname{}

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.