首页  ·  知识 ·  前端
不同浏览器的CSS特殊写法
网友      编辑:dezai   图片来源:网络
不同浏览器的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均不支持下划线"_"。

本文作者:网友 来源:网络
CIO之家 www.ciozj.com 微信公众号:imciow
   
免责声明:本站转载此文章旨在分享信息,不代表对其内容的完全认同。文章来源已尽可能注明,若涉及版权问题,请及时与我们联系,我们将积极配合处理。同时,我们无法对文章内容的真实性、准确性及完整性进行完全保证,对于因文章内容而产生的任何后果,本账号不承担法律责任。转载仅出于传播目的,读者应自行对内容进行核实与判断。请谨慎参考文章信息,一切责任由读者自行承担。
延伸阅读