在宽度属性的CSS \ 9

这是什么意思? 我猜这是一个浏览器黑客,但我一直没能find它究竟是什么。

width: 500px\9; 

\9的意义是什么?

\9是Internet Explorer 7,8和9特有的“CSS hack”。

这仅仅意味着一个以\9;结尾的特定行的CSS \9; 代替的; 仅在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; } 

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

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


编辑:

这个答案是在2011年写的。现在应该指出,这个黑客也适用于IE 10。

这是一个IE浏览器及以下版本的CSS黑客入侵

这样写:

 width: 500px\9; 

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

在IE9中设置宽度属性,你只需添加这个黑客。

例如

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

CSS黑客为IE9

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