css - 如何使用 IE CSS Hacks 区分 IE 版本 6 到 10？

Question

我正在做一个使用 Bootstrap 的网页设计，所以我正在定制 Bootstrap 框架。我设计了一个元素，由于 IE9 中不支持转场，不支持 IE8 中的不透明度和其他一些功能，以及不支持 box-sizing、正确位置：绝对定位和其他问题，我需要一个区分 IE 版本和 CSS 样式表的方法，因为我正在自定义 Bootstrap 框架，我更喜欢单个完整的 .css 框架文件，所以，这里是一个问题：

如何在单个 CSS 角色上使用 IE CSS Hacks 区分 IE 版本 6 到 10？

Answer 1

我当时正在处理 IE，需要分别针对每个特定版本，经过一些测试后得出了这个 css：

body {
    background-color:#0099CC; /* For Other standard browsers */
    background-color: #FFFF00\9; /* For IE9 (Note: There is "NO" space before \9) */
    background-color: #00E300 \9; /* For IE8 (Note: There is "ONE" space before \9) */
    *background-color: #FF9900; /* For IE7 */
    _background-color: #FF0000; /* For IE6 */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    body{
        background-color:#FF99CC; /* For IE10 */
    }
}

这些代码使 IE 6 到 10 显示不同颜色的正文背景。

我使用 IE 10.0.9200.16384 的“浏览器模式”来测试 IE 7 到 10，并使用“IETester”程序进行 IE 6 测试，它们的工作就像一个魅力。

在这里分享我的经验供您使用，如果您对它们进行了测试并且有成功或不成功的结果，请在此处提交您的经验与他人分享。

谢谢。