微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css对ie89 hack

CSS对IE8/9 Hack

在网页设计中,我们经常会遇到IE8/9浏览器兼容性问题,这时候我们需要借助CSS来解决这个问题。下面介绍几种常用的CSS hack方式:

css对ie89 hack

1. IE8/9 Hack的分类

在具体讲解之前,我们需要了解一下IE8/9 Hack的分类。IE8/9 Hack主要有以下两种:
  1.条件Hack(Conditional Comment Hack)
  2.选择器Hack(Selector Hack)

2. 条件Hack的使用

条件Hack是利用IE条件注释功能来区分IE浏览器的版本,从而实现对不同IE版本的浏览器进行特定的样式处理。具体使用方法如下:
  
  

3. 选择器Hack的使用

选择器Hack是根据IE浏览器特有的CSS选择器来判断浏览器版本,并为其指定样式。具体使用方法如下:
 /* IE 6及以下版本 */
 * html{
    /* 在这里写IE6的样式 */
 }
 /* IE7 */
 * +html{
     /* 在这里写IE7的样式 */
 }
 /* IE8 */
 .className{
  background-color: #ccc\9; /* 在这里写IE8的样式 */ 
 }
 /* IE8及以上版本 */
 .className{
     background-color: #ccc\0; /* 在这里写IE8及以上版本的样式 */
     background-color: #f00\9!ie; /* 在这里写IE8的样式 */
 }

总结

选择器Hack是解决IE浏览器兼容性问题的最佳方案,而且它的优点在于能针对不同版本的浏览器进行精确的识别和处理。条件Hack虽不能很好地解决兼容性问题,但它的使用也是十分灵活的。希望通过这篇文章了解到CSS解决IE8/9浏览器兼容性问题的相关知识,让大家的网页设计更加完美。 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。