仅仅 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/