针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7以上对!important可以正确解释，会导致页面没按要求显示！搜索了一下，找到了一个针对IE7、IE8不错的hack方式，IE7使用*+html或*line-height: 23px，IE8使用“9”来区分，比如：line-height: 26px9。 CSS可以参照如下定义，注意顺序: #menu { line-height: 23px; }/* firefox 浏览器实行这句定义 */ #menu { line-height: 26px9; }/*ie6,ie7,ie8 这句定义主要尖对IE8来hack*/ #menu { *line-height: 23px; }/*ie6,ie7 这句定义主要尖对IE7来hack*/ #menu { _line-height: 23px; }/*ie6 浏览器优先实行这句定义*/ 或者写成一句 #menu { line-height:23px; line-height: 26px9; *line-height: 23px; _line-height:23px; } 或者 * html #menu { line-height: 23px; } /* IE6 浏览器实行这句定义 */ *+html #menu { line-height: 23px; }/* IE7 浏览器实行这句定义*/

　　推荐阅读

　　IE和FireFox JavaScript的函数名的作用域的异同

看下面代码： 复制代码代码如下: <script type="text/javascript"> var test = function f(){ alert(typeof f);} test(); alert(typeof f); </script> 在IE6和IE7中执行是输出2次"function"；而在Firefox中第1次>>>详细阅读

本文标题：针对firefox ie6 ie7 ie8的css样式hack

地址：http://www.17bianji.com/kaifa2/CSS/16864.html

 1/2    1