仅仅 IE8 有效的 CSS hack 写法

1 .section-nav li a {
2   display: block;
3   padding: 10px 13px;
4   padding: 10px 7px  10px 7px \9;
5   border-right: 1px solid #d7d7d7;
6 }
7 :root .section-nav li a {
8   padding: 10px 13px 10px 13px;
9 }
color:#FFF\0;                    /* IE8 */
color:#FFF\9;                    /* 所有IE浏览器(ie6+) */

\0是 同样对 IE9 和 IE10 起作用。

这里的思路需要稍稍转换一下:可以先应用 IE8 的 hack ,与非 IE 浏览器分开,然后再应用一些 CSS3 之类的 IE8 不支持的选择器来重新覆盖一遍,让支持新选择器的 IE9、IE10 正常显示。符合条件的常用选择器有 :root.

转自:http://yujiangshui.com/only-ie8-effective-css-hack/