CSS \ 9 в свойстве width

Question

Что это значит? Я предполагаю, что это взлом браузера, но я не смог найти, что именно он делает.

width: 500px\9;

Какое значение \9?

Answer 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.

Answer 2

Это хак CSS для IE9 и ниже версии

напишите так:

width: 500px\9;

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

Answer 3

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

* 1003 например *

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

Answer 4

CSS Hack для IE9

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