IE6、IE7、IE8、FireFox css line-height兼容问题
针对firefoxie6ie7ie8的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浏览器实行这句定义*/
相关推荐
Ladyseven 2020-07-25
pigsmall 2020-11-19
SXIAOYI 2020-09-16
whileinsist 2020-06-24
gufudhn 2020-06-12
冰蝶 2020-06-05
LinuxAndroidAI 2020-06-04
supperme 2020-05-28
yaodilu 2020-05-10
e度空间 2020-04-27
云端漂移 2020-04-09
peterwzc 2020-03-17
有心就有方向 2012-09-03
ebuild 2013-05-14
donghedonghe 2013-05-31
tdeclipse 2011-02-28
linuxprobe0 2013-04-15
linuxprobe0 2013-04-01