Question

我正在开发一个使用Bootstrap的网页设计，因此我正在定制Bootstrap框架。我设计了一个元素，因为缺乏对IE9过渡的支持，缺乏对IE8中的不透明度和其他一些功能的支持以及缺乏对盒子大小的支持，正确的位置：绝对定位和其他问题，我需要一个从CSS样式表中区分IE版本的方法，因为我正在定制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以及用于IE 6测试的“IETester”程序，它们就像一个魅力。

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

感谢。

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

1 个答案: