Heim > Web-Frontend > CSS-Tutorial > Was bewirkt das „\9' in CSS-Breitendeklarationen?

Was bewirkt das „\9' in CSS-Breitendeklarationen?

Barbara Streisand
Freigeben: 2024-12-14 18:49:14
Original
425 Leute haben es durchsucht

What Does the `9` in CSS Width Declarations Do?

Die Bedeutung von 9 in CSS-Breitendeklarationen verstehen

CSS-Code kann ein Sonderzeichen, 9, enthalten, das als „CSS-Hack“ dient " zielt speziell auf die Internet Explorer-Versionen 7, 8 und 9 ab. Bei Verwendung am Ende einer CSS-Eigenschaftsdeklaration, wie im Beispiel unten:

width: 500px;
Nach dem Login kopieren

Dieser Trick stellt sicher, dass die Eigenschaft nur in diesen bestimmten Versionen von Internet Explorer angewendet wird. Andere Browser ignorieren diesen Hack vollständig.

Im bereitgestellten Beispiel legt die Eigenschaft width die Breite des Elements auf 500 Pixel fest, jedoch nur, wenn es in IE 7, 8 oder 9 angezeigt wird. Alle anderen Browser ignorieren das 9-Suffix und wendet die Breitenregel nicht an.

Mit diesem Hack können Entwickler CSS-Regeln erstellen, die für bestimmte Browser oder Browserversionen spezifisch sind. Zum Beispiel:

#myElement {
    width: 300px;
    width: 500px;
}
Nach dem Login kopieren

Mit diesem Code ist das Element in IE 7, 8 und 9 500 Pixel breit, während es in allen anderen Browsern 300 Pixel breit ist.

Bitte beachten Sie, dass dieser Hack auch in Internet Explorer 10 funktioniert, wie in einer Bearbeitung der ursprünglichen Antwort angegeben.

Das obige ist der detaillierte Inhalt vonWas bewirkt das „\9' in CSS-Breitendeklarationen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage