瀏覽器在不斷更新,可使用的hack也需要更新下了,繼上一篇《 最新CSS兼容方案 》之后,Opera和Safari都已經(jīng)更新了版本,IE8也出來了,還有一個Chrome。新版本的Opera 9.6 和Safari 3.2.3分別有一個hack不能使用了,具體為:
Opear:
*+html .e{
background-color:#0000FF;/* OP */
}
Safai:
@media all and (min-width:0){ select{ ... }}
還好發(fā)現(xiàn)了另一個Safari可以用的hack,Chrome和Safari的hack一樣,還無法單獨區(qū)分。另外“[; … ]”中的內(nèi)容只有Opera讀不到,注意“[]”要成對出現(xiàn),不然Opera下會導(dǎo)致后面的樣式無法讀取。重新整理的hack如下:
.e{
color:#FFF;/* FF,OP,IE8 */
[;color:#0F0;]/* SF,CH */
*color:#FF0;/* IE7 */
_color:#F00;/* IE6 */
}
.e{
background-color:#332200;/* FF*/
}
html* .e{
background-color:#FF00FF;/* Sa IE7 CH */
}
*+html .e{
*background-color:#0000FF;/* IE7 */
}
* html .e{
background-color:#00FFFF;/* IE6 */
}
html*~/**/body .e{
background-color:#055000;/* IE8 */
}
@media all and(min-width:0){
.e{
background-color:#FF5500;/* OP */
}
}
經(jīng)FF3、OP9.64、OP9.5.0、Sa3.2.3(pc)、Ch1.0.154.65、Ch2.0.172.28、IE7、IE6、IE8測試通過,如果你在其他的瀏覽器版本上測試過,歡迎給我留言,把結(jié)果告訴我。