彼岸雨云

最新CSS兼容方案

---

此文来源于网络。 浏览器在不断更新，可使用的hack也需要更新下了，继上一篇《 最新css兼容方案 》之后，opera和safari都已经更新了版本，ie8也出来了，还有一个chrome。新版本的Opera 9.6 和Safari 3.2.3分别有一个hack不能使用了，具体为：

Opera：
*+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测试通过，如果你在其他的浏览器版本上测试过，欢迎给我留言，把结果告诉我。

• css hack firefox ie8 ie chrome opera safari
• 所属分类：学习研究
• 文章链接：http://www.byends.com/study/96.html [复制]
• 欢迎转载：转载时请注明本文出处及文章链接
• 上一篇 »：打回“学校”
• 下一篇 »：如果你有女朋友，你做到这些了吗？