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

So passen Sie die Protokollebene von Nginx in Docker an

Inhaltsverzeichnis Einleitung Nginx-Dockerdatei N...

So konfigurieren Sie MySQL8 in Nacos

1. Erstellen Sie die MySQL-Datenbank nacos_config...

Beispiel für eine HTTPS-Konfigurationsmethode für den Nginx-Server

Linux: Linux-Version 3.10.0-123.9.3.el7.x86_64 Ng...

Detaillierte Verwendung des Kubernetes-Objektvolumens

Überblick Volume ist die Abstraktion und Virtuali...

Eine detaillierte Anleitung zu benutzerdefinierten Anweisungen in Vue

Inhaltsverzeichnis 1. Was ist eine benutzerdefini...

So implementieren Sie die Fernzugriffskontrolle in Centos 7.4

1. SSH-Remoteverwaltung SSH ist ein sicheres Kana...

Implementierungsmethode und Beispielcode des Tomcat-Klassenladers

Tomcat definiert intern mehrere ClassLoader, soda...

Detaillierte Erklärung langsamer MySQL-Abfragen

Informationen zu MySQL-Vorgängen abfragen Status ...

Warum wirkt sich die Verwendung von Limits in MySQL auf die Leistung aus?

Lassen Sie mich zunächst die MySQL-Version erklär...

Befehle zum Suchen der Domänen-IP-Adresse im Linux-Terminal (fünf Methoden)

In diesem Tutorial wird erklärt, wie Sie die IP-A...

Vue implementiert eine einfache Timer-Komponente

Bei der Durchführung eines Projekts stößt man unw...