CSS HACK für IE6/IE7/IE8/IE9/FF (Zusammenfassung)

CSS HACK für IE6/IE7/IE8/IE9/FF (Zusammenfassung)

Seit ich die offizielle Version von IE8.0 installiert habe, habe ich mehrere grundlegende CSS-HACKS zusammengefasst. Ich hoffe, dass sie für diejenigen hilfreich sind, die DIV+CSS im Front-End-Layout von Webseiten implementieren.
Dieser Artikel konzentriert sich hauptsächlich auf: IE6+IE7+IE8+IE9+FF

HACK-Prinzip : Verschiedene Browser erkennen unterschiedliche Zeichen unterschiedlich (nach dem Lesen des Artikels werden Sie feststellen, dass FF und IE8 die folgenden Zeichen genau gleich erkennen können).
Häufig verwendete Sonderzeichenerkennungstabelle in CSS:
(1) *: IE6+IE7 können * erkennen, aber die Standardbrowser FF+IE8 können * nicht erkennen;
(2) !important: Mit Ausnahme von IE6 können FF+IE8+IE7 !important erkennen.
(3)_: Außer IE6 unterstützen FF+IE8+IE7 nicht_;
(4)\9: Alle IE-Browser erkennen (IE6, IE7, IE8, IE9)
(5)\0: Nur gültig für IE8

Beispiel :
(1) Unterschiede zwischen FF (IE8) und IE6 und IE7
backgorund:orange; Die Hintergrundfarbe von FF und IE8 wird orange sein
*backgorund:red; Die Hintergrundfarbe von IE6 und IE7 ist rot.
(2) Unterschiede zwischen FF (IE8) und IE6 und IE7
Hintergrund: orange; FF und IE8 Hintergrundfarbe wird orange sein
*Hintergrund:rot !wichtig; Die Hintergrundfarbe von IE7 wird rot sein
*Hintergrund:blau; Die Hintergrundfarbe von IE6 wird blau sein
(3) Unterschiede zwischen FF (IE8) und IE6 und IE7
Hintergrund: orange; FF und IE8 Hintergrundfarbe wird orange sein
*Hintergrund:rot; Die Hintergrundfarbe von IE7 wird rot sein
_background:blue; IE6-Hintergrundfarbe wird blau sein
(4) Unterschiede zwischen FF und IE6 IE7 E8
Farbe: grau; Die Schriftfarbe von Nicht-IE-Browsern wie FF ist grau
color:red\9; IE8 IE9 Schriftfarbe wird rot sein

So verstehen Sie es auf einen Blick :

Code kopieren
Der Code lautet wie folgt:

<Stil>
div{
Breite: 400px;
Höhe: 400px;
Hintergrundfarbe: rot;
Hintergrundfarbe: blau\9; /*Alle IE*/
Hintergrundfarbe: gelb\0; /*IE8-Hack*/
_Hintergrundfarbe:#CDCDCD; /* zB 6*/
*+html Hintergrundfarbe: weiß; /*Nur IE7*/
*Hintergrundfarbe: pink; /*IE6 IE7 Hack*/
@Hintergrundfarbe:weiß; /*Opera-Hack*/
}
</Stil>

<<:  Einführung in JavaScript-Array-Deduplizierungs- und -Flatteningfunktionen

>>:  Detaillierte Erläuterung der elastischen CSS3-Erweiterungsbox

Artikel empfehlen

Der URL-Wert des SRC- oder CSS-Hintergrundbildes ist der Base64-codierte Code

Möglicherweise ist Ihnen aufgefallen, dass auf die...

Detailliertes Tutorial zur Installation von mysql5.7.18 auf centos7.3

1 Überprüfen Sie die Linux-Distributionsversion [...

Detaillierte Erklärung der Linux-Less-Befehlsbeispiele

weniger Dateiname Datei anzeigen kleiner Dateinam...

Aufzeichnungen zur Verwendung von SSH-Befehlen unter Windows 8

1. Öffnen Sie die virtuelle Maschine und das Git-...

MySQL 8.0 Upgrade-Erfahrung

Inhaltsverzeichnis Vorwort 1. Deinstallieren Sie ...

Benutzerdefiniertes Auswahlfeld für die Webseite Auswählen

Jeder ist wahrscheinlich mit dem Auswahl-Dropdown...

Implementierung der CentOS8.0-Netzwerkkonfiguration

1. Unterschiede in der Netzwerkkonfiguration zwis...

Detailliertes Beispiel zum Beheben der Tablespace-Fragmentierung in MySQL

Detailliertes Beispiel zum Beheben der Tablespace...

Zusammenfassung der neuen Verwendung von vi (vim) unter Linux

Ich benutze den vi-Editor seit mehreren Jahren, h...

Analyse mehrerer Gründe, warum Iframe weniger verwendet werden sollte

Die folgende Grafik zeigt, wie zeitaufwändig es is...

Beispielcode zum Zeichnen von Doppelpfeilen in gängigen CSS-Stilen

1. Mehrere Aufrufe eines einzelnen Pfeils Sobald ...