CSS 兼容不同浏览器的方法

解决css兼容不同浏览器的问题可以通过规范css代码,使css代码符合两种规范的标准样式,也可以在差别处利用!important对firefox设置属性,或者针对多种浏览器分别各自配置合适的CSS文件,再通过判断浏览器选择不同CSS实现兼容性。
代码如下:

#example { color: #333; } /* FF*/
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */

这样在IE6中显示字体颜色是#666;在IE7中显示的字体颜色是#999;在FF中显示的颜色是#333

!important属性可以在除IE浏览器的其他浏览器中起作用,因此可以利用这种差别来令一个CSS兼容多种浏览器。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据