宽度属性中的CSS \ 9

Question

这是什么意思？我猜它是一个浏览器黑客，但我还没能找到它究竟是什么。

width: 500px\9;

\9有什么意义？

Answer 1

\9是特定于Internet Explorer 7,8的“CSS hack”，＆amp; 9。

这仅仅意味着用\9;代替;结尾的CSS的一个特定行仅在IE 7,8和＆amp;中有效。 9。

在您的示例中，

width: 500px\9;表示只有在使用IE 7,8和＆amp ;;时才会应用500像素的宽度（与width: 500px;相同的结果） 9。

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

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

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

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

http://webdesignandsuch.com/ie9-specific-css-hack/

---

修改

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

Answer 2

对于IE9和它来说这是一个css hack低于版本

这样写：

width: 500px\9;

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

Answer 3

IE浏览器的CSS Hack

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

Answer 4

在IE9中设置width属性，你只需添加这个hack。

e.g

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