這是網(wǎng)上廣為流傳的一個(gè)號(hào)稱完美兼容IE6/IE7/Firefox/Opera這幾個(gè)主流瀏覽器的CSS hack通用方法。
#yourId/.yourClass {/*normal*/}2. * html #yourId/.yourClass {/*IE6 and below*/} *+html #yourId/.yourClass {/*IE7 only*/} @media all and (min-width:0px){ #yourId/.yourClass { /*opera*/ } }
原理是Firefox認(rèn)為是CSS語(yǔ)法錯(cuò)誤,所以忽略。但是不同IE版本識(shí)別不同,不忽略,所以能實(shí)現(xiàn)hack,并且*+HTML還能通過(guò)W3C驗(yàn)證,呵呵,爽吧。opera那個(gè)就不多說(shuō)了,也是類似原理,但是看起來(lái)比較崩潰,要說(shuō)明的是,firefox下沒(méi)問(wèn)題的話,opera基本也沒(méi)什么問(wèn)題的,所以不太會(huì)用到這個(gè)hack。
需要注意的是:*+html 對(duì)IE7的HACK 必須保證HTML頂部有如下聲明,”<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd“>”
所以,在我看來(lái),這也不是什么完美的解決方法。