Div+css首页

最新CSS -hack

在对浏览器兼容性要求越来越高的时候,大家是否正在寻找一个完整的解决方案呢?继《[原]最新CSS兼容方案》之后,更新的css hack出炉啦,包括FF、IE6、IE7、Opear、Safari,需要注意的是IE由于在不同的DTD上渲染的模式不同,“_”这个hack的使用要注意页面是否使用了DTD或XML申明(<?xml version="1.0" encoding="utf-8"?>)。

.class{
background-color:# FFFF00;/*所有浏览器*/
* background-color:#00FF00;/*IE*/
_ background-color:# 00FFFF;/*IE6*/
}

@media all and(min-width:0){
.class{
background-color:#FF00FF; /*Opera */
} }/*只有Opera识别*/

@media all and (min-width:0){
.class{
background-color:#FF00FF; /*Opera和Sa */
html* .class{
background-color:# 808080; /*Sa*/
}
}}

 

 

浏览器在不断更新,可使用的hack也需要更新下了,继上一篇《 最新css兼容方案 》之后,Opera和Safari都已经更新了版本,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{ ... }}

 

还好发现了另一个Safari可以用的hack,Chrome和Safari的hack一样,还无法单独区分。另外“[; … ]”中的内容只有Opera读不到,注意“[]”要成对出现,不然Opera下会导致后面的样式无法读取。重新整理的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 */
	}
}

经FF3、OP9.64、OP9.5.0、Sa3.2.3(pc)、Ch1.0.154.65、Ch2.0.172.28、IE7、IE6、IE8测试通过,如果你在其他的浏览器版本上测试过,欢迎给我留言,把结果告诉我。

Div之家