今天好好伺候了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依次排列。