Tags: Posted in Web Development 2 条留言

又是浏览器的兼容问题。

针对不同浏览器对页面的显示方式来写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均不支持下划线"_"。

October 13, 2008