_hack 及 IE7的hack方式

今天好好伺候了IE6、chrome、firefox、opera(safari比較乖),結果最後殺出的IE7讓我之前的代碼功虧一簣。可喜的是在網上找到了區分IE6和IE7的寫法,不過,以後到底還要爲ie留多少眼淚啊……

 

 

其實總結起來就這幾句話  

#test{
color:red;
color:red !important;/ Firefox、IE7支持 */
_color:red; / IE6支持 */
*color:red; / IE6、IE7支持 */
*+color:red; / IE7支持 */
color:red\9; / IE6、IE7、IE8支持 */
color:red\0; / IE8支持 */
}

 

 另外

1、如果你的頁面對IE7兼容沒有問題,又不想大量修改現有代碼,同時又能在IE8中正常使用,微軟聲稱,開發商僅需要在目前兼容IE7的網站上添加一行代碼即可解決問題,此代碼如下:
<meta http-equiv=”x-ua-compatible” content=”ie=7″ />

2、body:nth-of-type(1) 如果這樣寫,表示全局查找body,將會對應第一個<body>。

3、還有其他寫法,比如:
*html #test{}或者 *+html #test{}

4、*+html 對IE7的hack 必須保證HTML頂部有如下聲明:

http://www.w3.org/TR/html4/loose.dtd

5、順序:Firefox、IE8、IE7、IE6依次排列。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章