Свойство CSS\9 в ширине

Ответ 1

\9 - это "CSS-хак", характерный для Internet Explorer 7, 8 и 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/

EDIT:

Этот ответ был написан в 2011 году. Теперь следует отметить, что этот хак также работает в IE 10.

Ответ 2

Это взлом CSS для IE9 и ниже версии

пишите вот так:

width: 500px\9;

Прочтите эту статью http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

Ответ 3

CSS Hack для IE9

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

Ответ 4

В IE9 для установки свойства width вы просто добавляете этот хак.

например

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