针对firefox ie6 ie7 ie8的css样式hack
针对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 浏览器实行这句定义*/
推荐阅读
- css控制图片按等比例缩放实例兼容IE6/IE7/火狐/谷歌
- 让IE6支持HTML5元素的方法
- ie-css3.htc 让IE6, 7, and 8也支持box-shadow
- IE6、IE7、IE8浏览器下的CSS、JS兼容性对比
- 针对IE8正式版的CSS hack
- 部分 IE Firefox在css中的差别
- IE6 Bug overflow:hidden失效
- IE6的3像素 bug解决方案分享
- IE6常见bug附解决方法
- IE6浮动换行bug比较实用简单解决方法