首页 » 程序设计 » 通过浏览器的特性写兼容的CSS

发表时间：2011-11-15 19:38:58 | 分类：程序设计 | 阅读：228

作为一位Web前端开发人员，最痛恨的就是自己写出的CSS对各个浏览器的兼容性问题了。有时某一套样式对于很多浏览器都兼容了，但偏偏就存在着某个浏览器的不兼容！这时很多开发人员就会针对这一不兼容的浏览器写兼容的CSS。

各浏览器CSS hack兼容表

 

IE6IE7IE8FirefoxChromeSafari
!important Y Y  
_Y     
*YY    
*+ Y    
\9YYY   
\0  Y   
nth-of-type(1)    YY

从上面的表格中，我们可以得到各个浏览器的特性，因此我们就可以写出兼容性的CSS了，如下示例：

 .demo{
    color:red; /* 所有浏览器都支持 */
    color:red !important;/* Firefox、IE7支持 */
    _color:red; /* IE6支持 */
    *color:red; /* IE6、IE7支持 */
    *+color:red; /* IE7支持 */
    color:red\9; /* IE6、IE7、IE8支持 */
    color:red\0; /* IE8支持 */
}

如果你的页面样式对IE7兼容没有问题，但在IE8中不兼容，微软声称，开发者仅需要在目前兼容IE7的网站上添加以下一行代码即可解决问题：

<meta http-equiv="x-ua-compatible" content="ie=7" />

上一篇： 《可惜不是你》钢琴谱曹轩宾版 下一篇： android实现音乐播放功能

评论列表


#1 作者: 72color 评论时间:2011-12-9 14:26:09
color:red\9; /* IE6、IE7、IE8支持 */ color:red\0; /* IE8支持 */ 这两项 有时候不是很好用

发表评论


昵称：
邮件：
链接：