ie5 hack, ie 6 hack, ie 8 hack,ie 9 我沒用,暫時也沒接觸過9的hack,隨著瀏覽器的更新(而且換代越來越快),是不是我有寫不完的hack,還是說高手從不寫hack。
IE7能識別*,也能識別!important;
FF不能識別*,但能識別!important;
IE6 IE7 FF * √ √ × !important × √ √
瀏覽器優先級別:FF<IE7<IE6,CSS hack書寫順序一般為FF IE7 IE6
以: " #demo {width:100px;} "為例;
復制代碼代碼如下:#demo {width:100px;} /*被FIREFOX,IE6,IE7執行.*/
復制代碼代碼如下:* html #demo {width:120px;} /*會被IE6執行,之前的定義會被后來的覆蓋,所以#demo的寬度在IE6就為120px; */
復制代碼代碼如下:*+html #demo {width:130px;} /*會被IE7執行*/
所以最后,#demo的寬度在三個瀏覽器的解釋為:
FIREFOX:100px;
ie6:120px;
ie7:130px;
IE8 最新css hack: "/9"
例:"border:1px /9;".
這里的"/9"可以區別所有IE和FireFox.
"/0" IE8識別,IE6、IE7不能.
"*" IE6、IE7可以識別.IE8、FireFox不能.
"_" IE6可以識別"_",IE7、IE8、FireFox不能.
經驗可以積累,但夢想永遠不能磨滅
新聞熱點
疑難解答