Question

IE6与火狐CSS样式line-height不兼容的问题

IE6与火狐下的line-height高度不一样，求高手解决！~

谢谢！~
不是这个问题，是IE6下面的Line-height与火狐下面的不一样，求解决方法
解决方法是这样的，自己已解决： height:28px!important; height:auto;

Answer 1

　　尊敬的用户，您好！很高兴为您答疑。
　　因为IE6对于部分css样式属性的解读不是非常符合W3C标准，您需要使用hack方式以保证样式的跨浏览器适配。
　　line-height:18px;
_line-height:19px; /* IE6支持 */
　　另外，针对页面小单元，如果有高度方面的样式需求，建议优先考虑使用padding属性，由内部元素将外部元素撑开，可以获得更佳的兼容效果。
　　希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

Answer 2

　　针对firefox ie6 ie7
ie8的css样式中的line-height属性，以前大部分都是用!important来hack，对于ie6和firefox测试可以正常显
示，但是ie7以上对!important可以正确解释，会导致页面没按要求显示！这些细节却往往影响了整个页面样式的美观性。查询了一下资料，找到了一个针
对IE7、IE8不错的hack方式，IE7使用*+html或*line-height: 方式。大概的总结如下：

CSS可以参照如下定义，注意顺序:

#menu { line-height: 23px; }  /* firefox 浏览器实行这句定义 */
#menu { line-height: 26px\9; }/*ie6,ie7,ie8 这句定义主要尖对IE8来hack*/
#menu { *line-height: 23px; } /*ie6,ie7 这句定义主要尖对IE7来hack*/
#menu { _line-height: 23px; } /*ie6 浏览器优先实行这句定义*/

或者写成一句

#menu { line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px; }

或者

* html #menu { line-height: 23px; } /* IE6 浏览器实行这句定义 */
*+html #menu { line-height: 23px; } /* IE7 浏览器实行这句定义*/

Answer 3

hack一下

line-height:18px;
_line-height:19px; /* IE6支持 */

Answer 4

IE6需要先设置高度，在设置line-height才有用，不然没有效果。

Answer 5

不用line-height 可以用padding 来代替line-height