解决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兼容多种浏览器。