时间:2021-05-08
针对firefox ie6 ie7 ie8的css样式hack
以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line-height: 23px,IE8使用“\9”来区分,比如:line-height: 26px\9。
CSS可以参照如下定义,注意顺序:
#menu { line-height: 23px; }
#menu { line-height: 26px\9; }
#menu { *line-height: 23px; }
#menu { _line-height: 23px; } 或者写成一句
#menu { line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px; } 或者
* html #menu { line-height: 23px; }
*+html #menu { line-height: 23px; }
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1针对firefoxie6ie7的css样式现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!impor
简单试用了一下IE8后,今天相对有时间点,对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSSHACK测试。样式代码:p{color:#
ie7和ie6都不能识别display:table-cell;(但是支持display:block等css1的属性!)ie8以及以后版本可以识别!ie7和ie6
CSS类级别的hack仅IE7识别*+html{…}IE6及IE6以下识别*html{…}opera、safari、chrome识别
!important可被FireFox和IE7识别*可被IE6、IE7识别_可被IE6识别*+可被IE7识别IE专用的条件注释