3

我正在为 IE8 及以下版本尝试以下 CSS hack:

 .class {
        background-color: #BFBFBF;
        width: 1154px;
        width: 930px \9;
       }

但是这个 CSS hack 也影响了 IE9。

您能否帮我将此宽度属性仅应用于 IE8 及以下版本?

4

4 回答 4

4

其他答案是更好的答案 - 您应该使用条件评论。但是要回答您为什么您正在做的事情不起作用的问题,请尝试

width: 930px\9;

没有空间。

于 2013-04-04T17:44:52.407 回答
0

使用条件注释。

<!--[if IE 8]>
According to the conditional comment this is IE 8<br />
<![endif]-->
于 2013-04-04T16:44:36.070 回答
0

虽然我完全建议不要使用特定于浏览器的 CSS,但最好的选择是使用条件注释。

<!--[if lte IE 8]><html class="ie8-"><![endif]-->

.ie8-.class {
    width: 930px;
}
于 2013-04-04T16:45:32.793 回答
0

与其求助于一堆黑客,我真的建议利用 javascript(请参阅http://modernizr.com/)将您的浏览器类型作为一个类放在 html 标记中。因此,您的页面在 IE8 中的标记将包括:

<html class="ie8">....

这样,您可以在样式表中引用特定于浏览器的类:

.class {
    background-color: #BFBFBF;
    width: 1154px;
}
.ie8 .class {width: 930px}
于 2013-04-04T17:19:07.197 回答