针对不同浏览器的css

在css的使用上,有时需要针对不同的浏览器做兼容,如下方法可以识别当前主流浏览器:

 

备注: 以color为例


IE6:  _color

 

IE6和IE7:  *color

 

IE7: *+html class  这个只能针对class样式,不能对某个属性

 

IE8: color: #fff\0      其中#fff为举例

 

区别IE和FF: color\0: #fff 

 

看看示例:

----------------------------------------------

css代码:

 

.title{color:#00ffff; color\0:#00f; color:#0af\0; *color:#f00; _color:#ff0; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold;}

--------------------------------------------

html代码:

<h2 class="title">不同浏览器测试</h2>

posted @ 2011-11-20 16:00  简单-陈勇  阅读(294)  评论(0编辑  收藏  举报