针对firefox ie6 ie7 ie8的css样式hack

2 篇文章 0 订阅

以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line-height: 23px,IE8使用“\9”来区分,比如:line-height: 26px\9。

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

  1. #menu {  line-height: 23px; }/* firefox 浏览器实行这句定义 */
  2. #menu { line-height: 26px\9; }/*ie6,ie7,ie8 这句定义主要尖对IE8来hack*/
  3. #menu { *line-height: 23px; }/*ie6,ie7 这句定义主要尖对IE7来hack*/
  4. #menu { _line-height: 23px; }/*ie6 浏览器优先实行这句定义*/
  5. 或者写成一句
  6. #menu { line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px; }
  7. 或者
  8. * html #menu { line-height: 23px; } /* IE6 浏览器实行这句定义 */
  9. *+html #menu { line-height: 23px; }/* IE7 浏览器实行这句定义*/


网页里面单独定义IE浏览器

  1. <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–>
  2. <!–[if IE]> 所有的IE可识别 <![endif]–>
  3. <!–[if IE 5.0]> 只有IE5.0可以识别 <![endif]–>
  4. <!–[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]–>
  5. <!–[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]–>
  6. <!–[if IE 6]> 仅IE6可识别 <![endif]–>
  7. <!–[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]–>
  8. <!–[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]–>
  9. <!–[if IE 7]> 仅IE7可识别 <![endif]–>
  10. <!–[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]–>
  11. <!–[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]–>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值