用以同時區(qū)分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks
IE8正式已經(jīng)發(fā)布,對于網(wǎng)頁設(shè)計者來說,在不開啟IE8的兼容模式下,網(wǎng)站能否正常顯示成了一個需要注意的問題,雖然IE8號稱更加符合標準,但還是會出現(xiàn)局部顯示不正確的bug,本站以前提供過一次有關(guān)于IE8的Hack,見《IE6、IE7、IE8、FF的簡單Hack》,發(fā)現(xiàn)那里面提供的有關(guān)IE8那個hack好像并不起作用,本文提供一個可以同時區(qū)分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks,方便在IE8下局部顯示不正確的時候進行調(diào)整,避免重寫CSS,經(jīng)過測試,這種IE8 的hacks可用。可同時區(qū)分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 */
}
可同時區(qū)分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 */
}
關(guān)于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 閱讀(329) 評論(0) 編輯 收藏 所屬分類: Css