CSS——CSS Hack是什么、有什么用

CSS Hack
  CSS Hack用来解决浏览器的兼容问题,为不同版本的浏览器定制编写不同的CSS效果,使用每个浏览器单独识别的样式代码,控制浏览器的显示效果
Hack分类:
  1、CSS属性前缀法
    在CSS样式属性名前添加上一些只有特定浏览器才能识别的hack前缀,以达到预期的页面展示效果。
    .elem{_background:red; }
     前缀标识            兼容浏览器
      _               IE6
      +、*           IE6、IE7
      \9            IE6、IE7、IE8、IE9
      \0           IE8、IE9、IE10、IE11

  2、选择器前缀法
    选择器前缀法是针对一些页面表现不一致或需要特殊对待的浏览器,在CSS选择器前加上一些只有某些特定浏览器才能识别的前缀进行hack
    *html .elem{}
    前缀标识          兼容浏览器
    *html             IE6
    *+html                   IE7
    :root            IE9以上及现代浏览器

  3、IE条件注释法
    这种方式是IE浏览器专有的Hack方式,微软官方推荐使用的hack方式。
    前缀标识                兼容浏览器
    <!-- [if IE]>...<![endif]-->             IE
    <!-- [if IE 7]>...<![endif]-->            IE7
    <!-- [if lte IE 7]>...<![endif]-->        IE7以下 (lte 小于等于 gte 大于等于)
    <!-- [if ! IE 7]>...<![endif]-->          非IE7

        ......
    注:IE10以上已经不再支持注释法了

 

posted @ 2021-02-07 12:13  泰初  阅读(563)  评论(0编辑  收藏  举报