CSS \9 we właściwości width

Co to ma znaczyć? Zgaduję, że jest to włamanie do przeglądarki, ale nie byłem w stanie znaleźć tego, co dokładnie robi.

width: 500px\9;

Jakie jest znaczenie \9?

Author: Shishir Morshed, 2011-11-04
Source

4 answers

\9 jest "hack CSS" specyficzne dla Internet Explorer 7, 8, & 9.

Oznacza to po prostu, że jedna konkretna linia CSS kończąca się \9; zamiast ; jest ważna tylko w IE 7, 8 i 9.

W twoim przykładzie,

width: 500px\9; oznacza to, że szerokość 500 pikseli (taki sam wynik jak width: 500px;) będzie stosowana tylko podczas korzystania z IE 7, 8 i 9.

Wszystkie inne przeglądarki całkowicie zignorują width: 500px\9;, a zatem nie zastosują width: 500px; do elementu w ogóle.

Jeśli twój CSS wyglądał tak...

#myElement {
    width: 300px;
    width: 500px\9;
}
W IE 7, 8 i 9 uzyskamy 500 pikseli szerokości, podczas gdy we wszystkich innych przeglądarkach, #myElement będzie to 300 pikseli szerokości.

Więcej informacji

EDIT:

Ta odpowiedź została napisana w 2011 roku. Należy teraz zauważyć, że ten hack działa również w IE 10.

 293
Author: Sparky,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-05-06 08:36:12

Jest to hack css dla IE9 i wersji poniżej

Napisz tak: 

width: 500px\9;

Przeczytaj ten artykuł http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

 13
Author: sandeep,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-08-31 16:10:31

W IE9 aby ustawić właściwość width wystarczy dodać ten hack.

E. g 

.align {
    float:left;
    margin:5px;
    background-color:blue;
    width:65px;
    width:\9 !important;
}
 2
Author: Asad Shah,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-06-26 17:06:32

CSS Hack For IE9 

/* Hack CSS IE9 */
.csshackie9 {color:#f00\9\0\;}
 2
Author: gordi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-07-10 17:31:32