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

Tutorial zur Installation von phpMyAdmin unter Linux centos7

yum install httpd php mariadb-server –y Notieren ...

Unterschiede zwischen proxy_pass in zwei Modulen in nginx

1. Die proxy_pass -Direktive des Moduls 1.ngx_str...

So drücken Sie relative Pfade in Linux aus

Wenn Ihr aktueller Pfad beispielsweise /var/log i...

Zusammenfassung der Fallstricke bei Virtualbox Centos7 NAT+Host-Only-Netzwerken

Inhaltsverzeichnis 1. Problemhintergrund 2. Welch...

MySQL-Protokolleinstellungen und Anzeigemethoden

MySQL verfügt über die folgenden Protokolle: Fehl...

Beispiel einer DOM-Operationstabelle (DOM erstellt Tabelle)

1. Erstellen Sie eine Tabelle mit HTML-Tags: Code...

Eine kurze Erläuterung des Sperrbereichs der MySQL-Next-Key-Sperre

Vorwort Eines Tages wurde ich plötzlich nach der ...

Detaillierte Erläuterung der Verwendung von MySQL Explain (Analyseindex)

EXPLAIN zeigt, wie MySQL Indizes verwendet, um Au...

Eine vollständige Liste häufig verwendeter Linux-Befehle (empfohlene Sammlung)

Inhaltsverzeichnis 1. Systeminformationen 2. Shut...

So erstellen Sie schnell zig Millionen Testdaten in MySQL

Bemerkung: Die Datenmenge in diesem Artikel beträ...

Detaillierte Erklärung der Komponentenkommunikation in React

Inhaltsverzeichnis Übergeordnete Komponente kommu...