CSS Hack

    CSS Hack用来解决浏览器的兼容性问题,为不同版本的浏览器定制编写

不同的CSS效果,使用每个浏览器单独识别的样式代码,控制浏览器的显示样式。

Hack分类:

  1、CSS属性前缀法

    属性前缀法是在CSS样式属性名前加上一些只有特定浏览器

    才能识别的hack前缀,以达到预期的页面展现效果

前缀标识   兼容浏览器

_        IE6

+ *      IE6 IE7

\9      IE6 IE7 IE8 IE9

\0      IE8 IE9 IE10 IE11

/9 /0 在元素后面加,其他在元素前面加


  2、选择器前缀法

    选择器前缀法是针对一些页面表现不一致或需要特殊对待的

    浏览器,在CSS选择器前面加上一些只有某些特定浏览器才

    能识别的前缀进行hack

前缀标识 兼容浏览器

*html    IE6

*+html    IE7

: root    IE9以上及现代浏览器

在选择器前面加

  3、IE条件注释法(IE10以上已经不支持注释法)

    这种方式是IE浏览器专有的Hack方式,微软官方推荐使用的hack方式


前缀标识            兼容浏览器

<!--[if IE]>…<![endif]-->     IE

<!--[if IE 7]>…<![endif]-->    IE7

<!--[if lte IE 7]>…<![endif]-->   IE7以下

<!--[if ! IE 7]>…<![endif]-->    非IE

 

posted @ 2021-01-16 15:18  小_小白  阅读(110)  评论(0)    收藏  举报