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

209

Co to znaczy? Domyślam się, że to włamanie do przeglądarki, ale nie byłem w stanie znaleźć, co dokładnie robi.

width: 500px\9;

Jakie jest znaczenie \9?

css width css-hack

— właściwie właściwie
źródło

w pliku css .. ustawianie szerokości jakiegoś elementu.

— cóż, właściwie

nie dokładne duplikaty, ale to pytanie odpowiada: stackoverflow.com/questions/701732/size-in-css-with-slash

— Raptor

wydaje się, że nie jest poprawny w żadnej wersji CSS, o ile widzę ...

— Marc B

Nie sądzę, że to pytanie odnosi się do tej samej rzeczy.

— cóż, właściwie

6

@Shivan Raptor: Nie, nie ma. To zupełnie inne pytanie.

— BoltClock

290

\9 to „hack CSS” specyficzny dla Internet Explorera 7, 8 i 9.

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

W twoim przykładzie

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

Wszystkie inne przeglądarki będą width: 500px\9;całkowicie ignorować i dlatego w ogóle nie będą miały zastosowania width: 500px;do tego elementu.

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

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

W #myElementIE 7, 8 i 9 wynik miałby szerokość 500 pikseli, podczas gdy we wszystkich innych przeglądarkach #myElementmiałby szerokość 300 pikseli.

Więcej informacji

EDYTOWAĆ:

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

— iskrzący
źródło

1

@ jdavid.net, jeśli to nie złamie twojego CSS, absolutnie nic, AFAIK.

— Sparky

10

\0zamiast \9zastosuje to również do IE10

— abc123

21

@ abc123 pozwala mieć nadzieję, że nigdy nie uzyskają IE do wersji 16.

— Hoffmann

4

Z mojego doświadczenia wynika , że \9miałem również zastosowanie do IE 10 z widthwłaściwością, przynajmniej w trybie emulacji IE. Tryb emulacji jest wadliwy w najlepszym momencie, więc może dlatego.

— davidjb

1

@davidjb, to dlatego, że tak naprawdę nie jest to emulator. Został zaprojektowany jako awaria starszego kodu.

— Sparky,

13

To hack css dla IE9 i niższych wersji

napisz tak:

width: 500px\9;

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

— sandeep
źródło

4

Dzięki za link, ale artykuł nie wyjaśnia, co robi.

— cóż, właściwie

1

Używamy hacka dla IE do dwóch rzeczy. 1) istnieją pewne właściwości, które nie są obsługiwane przez IE, takie jak display: inline-block & 2) Każda przeglądarka renderuje niektóre właściwości HTML i css inaczej. sprawdź ten artykuł blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block

— sandeep

Sprawdź również link coding.smashingmagazine.com/2010/06/07/…

— sandeep

IE obsługuje display: inline-block ;, zły przykład.

— reisio

Jednak nie wydaje się to szczególnie przydatnym hackowaniem dla właściwości „width”. Przynajmniej nie poza trybem dziwactwa.

— reisio

2

W IE9, aby ustawić właściwość width, po prostu dodaj ten hack.

na przykład

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

— Asad Shah
źródło

2

Hack CSS dla IE9

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

— Gordi
źródło

7

powinieneś zamieścić więcej informacji na temat tego hacka zamiast linkować na zewnątrz - jeśli ten blog zniknie, wówczas wartość twojej odpowiedzi spadnie. Ponadto nie wszyscy mówią po rosyjsku.

— Marcin Orłowski,

1

Lepiej byłoby podać podstawowe informacje w języku angielskim, ponieważ zamieszczony przez ciebie link znajduje się na rosyjskim blogu.

— Artemix,

OP, powinieneś sobie odpuścić i usiąść na niegrzecznym stopniu.

— slugmandrew