IE兼容性问题

本是古典 何须时尚 2021-09-14 07:50 704阅读 0赞
  1. <!--兼容性问题-->
  2. 一 css hack:目的是是你的css代码兼容不同的浏览器
  3. (书写顺序:一般将使用范围广,被识别能力强的css的前面)
  4. 1)只有IE下生效(IE10以下)
  5. <!--[if IE]>
  6. 中间写html代码
  7. <![endif]-->
  8. 2)只有在IE8下生效
  9. <!--[if IE 8]>
  10. html代码
  11. <![endif]-->
  12. 3)只在IE8不生效
  13. <!--[if ! IE 8]>
  14. html代码
  15. <![end if]-->
  16. 4) 只在IE8以上版本生效
  17. <!--[if gte IE 8]>
  18. html代码
  19. <![endif]-->
  20. 二 属性前缀法
  21. 在css属性名前加上一些只有特定浏览器才能识别的hack前缀,以达到预期的页面展现效果
  22. "_"或者"-" ie6专有的hack
  23. "*"或者"+" ie7及以下版本能够识别
  24. "\9" ie6、7、8、9、10都能识别
  25. "\0" ie8、9、10能识别
  26. "\9\0" ie9、10能识别
  27. 以\开头的是放在属性值的后面,其他放在属性名的前面
  28. 三 选择符hack

发表评论

表情:
评论列表 (有 0 条评论,704人围观)

还没有评论,来说两句吧...

相关阅读

    相关 IE11的CSS兼容问题

    最近测试给了我一大堆BUG,一瞅发现全是IE11的。吐槽一下这个浏览器真的比较特立独行。很多默认的样式跟别的浏览器不同,而且最明显的一点应该是padding左右内边距往往比别的

    相关 火狐与IE兼容总结

    1. 超链接访问过后hover样式就不出现的问题      被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性