現在大部分企業對瀏覽器相容要求是IE7+或者IE8+,要求IE6的很少,此處一併寫出。 IE6: _margin-top: 20px; IE6+IE7: *margin-top: 20px; +margin-top: 20px; IE6+: margin-top: 20px\9; IE8+: mar
現在大部分企業對瀏覽器相容要求是IE7+或者IE8+,要求IE6的很少,此處一併寫出。
IE6:
_margin-top: 20px;
IE6+IE7:
*margin-top: 20px;
+margin-top: 20px;
IE6+:
margin-top: 20px\9;
IE8+:
margin-top: 20px\0;
IE9:
/*:root在谷歌瀏覽器中也能被識別,所以需要加\9*/ :root .item{ margin-top: 20px\9; }
IE8:
/*沒有針對IE8的hack代碼,但是可以組合實現*/ margin-top:10px\0; :root .item{ margin-top: 20px\9; }
這隻是頭疼醫頭,腳痛醫腳。可以解決生產中遇到的IE相容問題,卻不清楚究竟是哪些屬性導致的相容問題,有必要對瀏覽器解析CSS屬性做一些瞭解,生產中儘量避開這些坑,提高開發效率。