在IE8及以下版本的CSS hack for width属性

时间:2013-04-04 16:42:49

标签: css browser internet-explorer-8 css-hack

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

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

但是这个CSS黑客也影响了IE9。

你能帮我把这个宽度属性仅用于IE8及以下版本吗?

4 个答案:

答案 0 :(得分:4)

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

width: 930px\9;

没有空间。

答案 1 :(得分:0)

使用条件评论。

<!--[if IE 8]>
According to the conditional comment this is IE 8<br />
<![endif]-->

答案 2 :(得分:0)

虽然我会根据浏览器特定的CSS提出建议,但最好的办法是使用条件评论。

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

.ie8-.class {
    width: 930px;
}

答案 3 :(得分:0)

我真的建议利用javascript(请参阅http://modernizr.com/)将您的浏览器类型作为html标记中的类,而不是诉诸于一堆黑客攻击。因此,IE8中页面的标记包括:

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

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

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