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 konfigurieren Sie einfach mehrere Server in Nginx

1: Ich werde nicht näher auf die Installation von...

MySQL-Lernhinweise: Daten-Engine

Sehen Sie sich die von der aktuellen Datenbank un...

Zwei Ideen zur Implementierung der horizontalen Datenbanksegmentierung

Einführung Aufgrund der zunehmenden Popularität v...

So verwenden Sie das Videowiedergabe-Plugin DPlayer.js

Das Videoplayer-Plugin DPlayer.js ist einfach zu ...

Tutorial zur Installation von MYSQL8.X auf Centos

MySQL-Installation (4, 5, 6 können weggelassen we...

Detaillierte Erklärung zum einfachen Wechseln von CSS-Themen

Ich habe meiner persönlichen Website vor Kurzem e...

Installationsschritte der Ubuntu 20.04-Doppelpinyin-Eingabemethode

1. Chinesische Eingabemethode einrichten 2. Stell...

Codebeispiel für einen einfachen UDP-Server-Client

Ich werde nicht näher auf die Theorie von UDP ein...

Vue CodeMirror realisiert den Effekt des Online-Code-Compilers

Vorwort Wenn wir den Effekt der Online-Codekompil...

Verwenden von Zabbix zum Überwachen des Ogg-Prozesses (Windows-Plattform)

Dieser Artikel stellt vor, wie man das Ogg-Progra...

Analyse und Anwendung des Wasserfallflussprinzips unregelmäßiger Bilder

Das im Projekt aufgetretene Layoutproblem unregel...