|
對(duì)于前端工作者,最痛苦的事莫過(guò)于瀏覽器兼容性的調(diào)試,而這最痛苦的事中,最變態(tài)的莫過(guò)于微軟的三個(gè)版本IE6.0/IE7.0/IE8.0. 為了讓所寫(xiě)代碼在各主流瀏覽器中正常運(yùn)行,我們不得不為各種瀏覽器寫(xiě)對(duì)應(yīng)的樣式。本文,青鳥(niǎo)將為你總結(jié)CSS針對(duì)各瀏覽器的兼容HACK(以IE6/IE7/IE8 /FF為主),以及IE特有的條件注釋使用方法.
一、通用區(qū)分方式:
IE6、IE7能識(shí)別*,標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*;
IE6能識(shí)別*,但不能識(shí)別 !important;
IE7能識(shí)別*,也能識(shí)別 !important;
IE8能識(shí)別/0,不能識(shí)別*,+,_,* 加!important;
FF不能識(shí)別*,但能識(shí)別 !important;
例如style=”*width:10px!important; width:20px;”,其在IE7下寬度為10px,在IE6下寬度是20px.
其中還有如下三種寫(xiě)法:
第一種
width:100px; /* FireFox及其他瀏覽器 */width:200px/0; /* IE8能識(shí)別/0*/*width:300px!important; /* ,IE7 既能能識(shí)別*號(hào),也能識(shí)別important */*width:400px; /* IE6也能識(shí)別*號(hào) *//*Mr.Think提示:請(qǐng)注意書(shū)寫(xiě)順序@MrThink.NET*/
it知識(shí)庫(kù):針對(duì)主流瀏覽器的CSS-HACK寫(xiě)法及IE常用條件注釋,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。