摘要:主要分為選擇器屬性條件注釋和判斷各有優(yōu)缺點(diǎn),不必糾結(jié)于某一方式,具體問(wèn)題具體分析。以下測(cè)試結(jié)果是在位系統(tǒng),默認(rèn)瀏覽器,使用下的瀏覽器模式,使用綠色版瀏覽器,使用,使用,,,進(jìn)行測(cè)試的。如果有什么錯(cuò)誤,請(qǐng)指正瀏覽器加粗表示支持
各種各樣的瀏覽器,曾經(jīng)的CSS HACK現(xiàn)在還能HACK嗎?
chensy收集了網(wǎng)上一些常見的HACK,在各大瀏覽器上作了測(cè)試,來(lái)看看他在博客上的分享吧。
HACK主要分為CSS選擇器HACK、CSS屬性HACK、IE條件注釋HACK和JS判斷HACK;各有優(yōu)缺點(diǎn),不必糾結(jié)于某一方式,具體問(wèn)題具體分析。這里主要記錄的是CSS選擇器和屬性HACK。
以下測(cè)試結(jié)果是在:Win7 64位系統(tǒng),默認(rèn)IE10瀏覽器,使用IE10下的IE789瀏覽器模式,使用IE6綠色版瀏覽器,使用Opera 12.15,使用Firefox 21,Safari 4,Google Chrome 28,進(jìn)行測(cè)試的。如果有什么錯(cuò)誤,請(qǐng)指正!
瀏覽器(加粗表示支持) | CSS hack |
---|---|
IE6 | _background-color:#38DB24; |
IE67 | *background-color:#38DB24 ; |
IE67 | +background-color:#38DB24 ; |
IE67 | #background-color:#38DB24; |
IE67 | background-color:#38DB24 !ie; |
IE678910 | background-color:#38DB249; |
IE78910&Firefox&Opera&Chrome&Safari | html>body .ie78910-all-hack { background-color: #38DB24 } |
IE8910&Firefox&Opera&Chrome&Safari | html>/**/body .ie8910-all-hack { background-color: #38DB24 } |
IE8910&Opera | background-color:#38DB24 |