针对不同浏览器的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>