用以同時區分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks
IE8正式已經發布,對于網頁設計者來說,在不開啟IE8的兼容模式下,網站能否正常顯示成了一個需要注意的問題,雖然IE8號稱更加符合標準,但還是會出現局部顯示不正確的bug,本站以前提供過一次有關于IE8的Hack,見《IE6、IE7、IE8、FF的簡單Hack》,發現那里面提供的有關IE8那個hack好像并不起作用,本文提供一個可以同時區分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks,方便在IE8下局部顯示不正確的時候進行調整,避免重寫CSS,經過測試,這種IE8 的hacks可用。可同時區分IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks:

.test{
color:/*\**/#00f\9; /* IE8 */
}
.test,
.test:-moz-any-link{
color:#f60; /* Firefox2 */
}
.test,
.test:default{
color:#000; /* Firefox3 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}
color:/*\**/#00f\9; /* IE8 */
}
.test,
.test:-moz-any-link{
color:#f60; /* Firefox2 */
}
.test,
.test:default{
color:#000; /* Firefox3 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}
可同時區分IE8、IE7、IE6、Firefox的CSS hacks:

.test{
color:#000; /* Firefox */
color:/*\**/#00f\9; /* IE8 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}
color:#000; /* Firefox */
color:/*\**/#00f\9; /* IE8 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}
關于IE8的hacks:

.test{
color:/*\**/#00f\9; /* IE8 only */
color:#00f\9; /* 適用于所有IE版本 */
}
color:/*\**/#00f\9; /* IE8 only */
color:#00f\9; /* 適用于所有IE版本 */
}
雖然這個hacks可用,但還是希望能夠盡量少用或者不用hacks,從顯示不正常的原因著手解決問題才能達到完美,畢竟hack的寫法不符合也通不過w3c對樣式表的交驗。
posted on 2009-04-22 20:44 void 閱讀(327) 評論(0) 編輯 收藏 所屬分類: Css