全系列的css hack 標誌識別

出處

#test

:root #test

/*ie9

*/@media all and (min-width:0px)

} /*

opera

*/@media screen and (-webkit-min-device-pixel-ratio:0)

} /*

chrome and safari*/

background-color:blue; 各個瀏覽器都認識，這裡給firefox用；

background-color:red\9;\9所有的ie瀏覽器可識別；

background-color:yellow\0; \0 是留給ie8的，但筆者測試，發現最新版opera也認識，汗。。。不過且慢，後面自有hack寫了給opera認的，所以，\0我們就認為是給ie8留的；

+background-color:pink; + ie7定了；

_background-color:orange; _專門留給神奇的ie6；

:root #test :root是給ie9的，網上流傳了個版本是

:root #test ，呃。。。這個。。。，新版opera也認識，所以經筆者反覆驗證最終ie9特有的為:root 選擇符

@media all and (min-width:0px) } 這個是老是跟ie搶著認\0的神奇的opera，必須加個\0,不然firefox，chrome，safari也都認識。。。

@media screen and (-webkit-min-device-pixel-ratio:0) }最後這個是瀏覽器新貴chrome和safari的。

好了就這麼多了，特別注意以上順序是不可以改變的。css hack雖然可以解決個瀏覽器之間css顯示的差異問題，但是畢竟不符合w3c規範，我們平時寫css最好是按照標準來，這樣對我們以後維護也是大有好處的，實在不行再用。