这个宽度属性值声明中的\\9是什么意思？

Question

这是什么意思？我猜这是一个浏览器黑客，但我无法找到它到底做了什么。

 width: 500px\9;

\9 的意义是什么？

原文由 well actually 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

这仅仅意味着以 \9; 代替 ; 结尾的特定 CSS 行仅在 IE 7、8 和 9 中有效。

在你的例子中，

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

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

如果你的 CSS 看起来像这样……

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

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

更多信息

---

编辑：

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

原文由 Sparky 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这是 IE9 及以下版本的 css hack

像这样写：

 width: 500px\9;

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

原文由 sandeep 发布，翻译遵循 CC BY-SA 3.0 许可协议