不同浏览器的CSS特殊写法

针对不同浏览器对页面的显示方式来写css文件,需要使其对IE6 IE7 FIREFOX都有最佳的显示效果,或要调整css在其中一中浏览器中的显示方式,可以通过下划线(_)、星号(*)来处理:

比如要居中显示,我们都知道css中写法为:

text-align: center;


当然这属性是所有浏览器都解释的,如果只想让ie6有居中的效果而firefox和IE7则不应用居中,可写为

_text-align: center;


如果想让所有IE都解释而在firefox不解释则写为:

*text-align: center;


而ie6与ie7的不同在于ie6不解释!important,而ie7会解释!important。

区别不同浏览器的css hack写法为:

区别ie6和ie7:text-align: center; text-align: left!important;
区别firefox和ie6:text-align: center; _text-align: left;
区别firefox和ie7:text-align: center; *text-align: left;
区别firefox、ie6和ie7:text-align: center; *text-align: left; *text-align: right!important;


总结:

IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
IE6支持下划线"_",IE7和firefox均不支持下划线"_"。



  • 发布时间:2012-07-16
  • 阅读次数:2652