宽度属性中的CSS\9

Question

这是什么意思？我猜它是一个浏览器黑客,但我无法找到它究竟是什么.

width: 500px\9;

有什么意义\9？

Answer 1

\9 是一个特定于Internet Explorer 7,8和9的"CSS hack".

这仅仅意味着用一个\9;代替它的CSS的一个特定行;仅在IE 7,8和9中有效.

在你的例子中,

width: 500px\9;意味着width: 500px;只有在使用IE 7,8和9时才会应用500像素的宽度(与结果相同).

所有其他浏览器将width: 500px\9;完全忽略,因此根本不适width: 500px;用于该元素.

如果您的CSS看起来像这样......

#myElement {
    width: 300px;
    width: 500px\9;
}

#myElement在IE 7,8和9中,结果将是500像素宽,而在所有其他浏览器中,#myElement宽度为300像素.

编辑:

这个答案是在2011年写的.现在应该注意到这个hack也适用于IE 10.

@ abc123让希望他们永远不会让IE到版本16. (21认同)
`\ 0`而不是`\ 9`也将它应用于IE10 (10认同)
根据我的经验,``\ 9``也适用于具有``width``属性的IE 10,至少在IE的仿真模式下.仿真模式在最好的时候是错误的,所以也许这就是原因. (4认同)

Answer 2

这是IE9及以下版本的css hack

像这样写:

width: 500px\9;