CSS \ 9 in width属性

Question

这是什么意思？我猜这是一个浏览器黑客，但我一直无法找到确切的功能。

width: 500px\9;

\9的意义是什么？

Answer 1

[\9是特定于Internet Explorer 7、8和9的“ CSS hack”]

这仅表示以\9;代替;的CSS的特定行仅在IE 7、8和9中有效。

在您的示例中，

[width: 500px\9;表示仅在使用IE 7、8和9时才应用500像素的宽度（与width: 500px;相同的结果]。

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

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

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

在IE 7、8和9中，结果为#myElement宽500像素，而在所有其他浏览器中，#myElement则为300像素宽。

More info

---

编辑：

此答案写于2011年。现在应注意，此hack在IE 10中也适用。

Answer 2

这是IE9及以下版本的CSS hack

这样写：

width: 500px\9;

阅读本文http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

Answer 3

在IE9中设置width属性，您只需添加此hack。

例如

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}

Answer 4

用于IE9的CSS Hack

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}