有没有IE8只有css黑客？

Question

对于Internet Explorer 8(IE8),我想使用以下CSS:

color : green;

我想应用一个只影响IE8的黑客,而不是IE9,IE6和7.

Answer 1

在HTML中使用条件注释,如下所示:

<!--[if IE 8]>
<style>...</style>
<![endif]-->

见这里:http://www.quirksmode.org/css/condcom.html

您可以可靠地测试IE版本,并确保其他浏览器不会混淆.

Answer 2

使用媒体查询分隔每个浏览器:

/* IE6/7 uses media, */
@media, { 
        .dude { color: green; } 
        .gal { color: red; }
} 

/* IE8 uses \0 */
@media all\0 { 
        .dude { color: brown; } 
        .gal { color: orange; }
} 

/* IE9 uses \9 */
@media all and (monochrome:0) { 
          .dude { color: yellow\9; } 
          .gal { color: blue\9; }
} 

/* IE10 and IE11 both use -ms-high-contrast */
@media all and (-ms-high-contrast:none)
 {
 .foo { color: green } /* IE10 */
 *::-ms-backdrop, .foo { color: red } /* IE11 */
 }

参考

• 按字母顺序排列的CSS参考列表·WebPlatform文档

• Microsoft CSS供应商扩展

Answer 3

使用\0.

color: green\0;

然而,我确实建议条件评论,因为你也想排除IE9,而且这种黑客攻击是否会影响IE9仍然是不可预测的.

无论如何,我从来没有需要IE8特定的黑客攻击.这是什么,IE8特定的问题,你想解决？它是否以IE8标准模式呈现？它的渲染器非常好.

Answer 4

如果需要CSS的小改动使用\ 9它针对IE8及以下(IE6,IE7,IE8)

.element { 
   color:green \9;
 }

最好的方法是在HTML中使用条件注释,如下所示:

<!--[if IE 8]>
<style>...</style>
<![endif]-->