CSS \ 9 in der Eigenschaft width

208

Was ist die Bedeutung davon? Ich vermute, es ist ein Browser-Hack, aber ich konnte nicht finden, was genau es tut.

width: 500px\9;

Welche Bedeutung hat das \9?

css width css-hack

— Naja eigentlich
quelle

in einer CSS-Datei .. Festlegen der Breite eines Elements.

— eigentlich

Kein

— Raptor

scheint in keiner CSS-Version gültig zu sein, soweit ich sehen kann ...

— Marc B

Ich glaube nicht, dass sich diese Frage auf dasselbe bezieht.

— eigentlich

6

@ Shivan Raptor: Nein, das tut es nicht. Das ist eine ganz andere Frage.

— BoltClock

289

\9 ist ein "CSS-Hack" speziell für Internet Explorer 7, 8 und 9.

Dies bedeutet einfach, dass die eine bestimmte Zeile von CSS, die mit einem \9;anstelle von endet, ;nur in IE 7, 8 und 9 gültig ist.

In Ihrem Beispiel

width: 500px\9;bedeutet, dass eine Breite von 500 Pixel (dasselbe Ergebnis wie width: 500px;) nur bei Verwendung von IE 7, 8 und 9 angewendet wird.

Alle anderen Browser werden width: 500px\9;vollständig ignoriert und gelten daher überhaupt nicht für width: 500px;das Element.

Wenn Ihr CSS so aussah ...

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

Das Ergebnis wäre #myElementin IE 7, 8 und 9 500 Pixel breit, während es in allen anderen Browsern #myElement300 Pixel breit wäre.

Mehr Info

BEARBEITEN:

Diese Antwort wurde 2011 geschrieben. Es sollte nun beachtet werden, dass dieser Hack auch in IE 10 funktioniert.

— Sparky
quelle

was würde width: 500px\6;tun

— jdavid.net

1

@ jdavid.net, wenn es dein CSS nicht kaputt macht, absolut nichts, AFAIK.

— Sparky

10

\0stattdessen \9wird es auch auf IE10 angewendet

— abc123

21

@ abc123 lässt hoffen, dass sie dann nie IE auf Version 16 bekommen.

— Hoffmann

4

Nach meiner Erfahrung wurde gerade \9auf IE 10 mit einer widthEigenschaft angewendet, zumindest im Emulationsmodus des IE. Der Emulationsmodus ist im besten Fall fehlerhaft. Vielleicht ist das der Grund.

— Davidjb

13

Es ist ein CSS-Hack für IE9 und darunter

schreibe so:

width: 500px\9;

Lesen Sie diesen Artikel http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

— Sandeep
quelle

4

Vielen Dank für den Link, aber der Artikel erklärt nicht, was es tut.

— eigentlich

1

Wir verwenden Hack für IE für zwei Dinge. 1) Es gibt einige Eigenschaften, die vom IE nicht unterstützt werden, wie die Anzeige: Inline-Block & 2) Jeder Browser rendert einige HTML- und CSS-Eigenschaften anders. Überprüfen Sie diesen Artikel blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block

— Sandeep

Überprüfen Sie den Link auch Kodierung.smashingmagazine.com/2010/06/07/…

— Sandeep

IE unterstützt Anzeige: Inline-Block;, schlechtes Beispiel.

— Reisio

Scheint jedoch kein besonders nützlicher Hack für die Eigenschaft 'width' zu sein. Zumindest nicht außerhalb des Mackenmodus.

— Reisio

2

Um in IE9 die width-Eigenschaft festzulegen, fügen Sie einfach diesen Hack hinzu.

z.B

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

— Asad Shah
quelle

2

CSS Hack für IE9

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

— gordi
quelle

6

Sie sollten mehr Informationen darüber veröffentlichen, worum es bei diesem Hack geht, anstatt nach draußen zu verlinken. Wenn dieser Blog weg ist, würde der Wert Ihrer Antwort sinken. Außerdem spricht nicht jeder Russisch.

— Marcin Orlowski

1

Es wäre besser, einige wichtige Informationen auf Englisch bereitzustellen, da der von Ihnen gepostete Link zum russischen Blog führt.

— Artemix

OP, du solltest dich abmelden und dich auf die freche Stufe setzen.

— Slugmandrew