仅仅 IE8 有效的 CSS hack 写法

IE8 CSS hack 就是在属性后面加上 \9 或者 \0,代码如下:

color:#FFF\0;                    /* IE8 */
color:#FFF\9;                    /* 所有IE浏览器(ie6+) */

上面的 hack 同样对 IE9 和 IE10 起作用,那么如何单单只针对ie8来渲染呢:

解决思路:

1,首先用IE8hack;其次用CSS3 之类的 IE8 不支持的选择器来重新覆盖一遍,符合条件的常用选择器有 :root,写法如下:

a {
  display: block;
  padding: 10px 13px;
  padding: 10px 7px  10px 7px \9;
  border-right: 1px solid #d7d7d7;
}
:root a {
  padding: 10px 13px 10px 13px;
}

posted @ 2019-01-22 14:54  (john_zhang)  阅读(378)  评论(0编辑  收藏  举报