Schneller Blick auf die neueste CSS-Hack-Zusammenfassung

IE-Browser blockieren (d. h. er wird nicht unter IE angezeigt)

*:lang(zh) select {font:12px !important;} /*Speziell für FF*/
select:empty {font:12px !important;} /*safari sichtbar*/

Hier ist select der Selektor, der je nach Situation geändert werden kann. Der zweite Satz gilt nur für den Safari-Browser auf dem MAC.

Wird nur vom IE7 erkannt

*+html {…}

Sie können diesen HACK verwenden, wenn Sie Stile nur für IE7 erstellen müssen.

IE6 und darunter

* html {…}

Achten Sie besonders auf diesen Punkt. Viele Vermieter haben geschrieben, dass es sich um einen HACK für IE6 handelt. Tatsächlich kann IE5.x diesen HACK auch erkennen. Andere Browser erkennen es nicht.

html/**/ >body select {……}

Dieser Satz hat die gleiche Wirkung wie der vorherige Satz.

Nur IE6 erkennt es nicht

select { display /*IE6 erkennt nicht*/:none;}

Hier geht es vor allem um die Trennung von Attribut und Wert durch CSS-Kommentare, die vor dem Doppelpunkt stehen.

Lediglich IE6 und IE5 werden nicht erkannt

select/**/ { display /*IE6, IE5 erkennt es nicht*/:none;}

Der Unterschied zum obigen Satz besteht darin, dass zwischen dem Selektor und den geschweiften Klammern ein zusätzlicher CSS-Kommentar steht.

Nur IE5 erkennt es nicht

select/*IE5 erkennt nicht*/ { display:none;}

Dieser Satz ist der Kommentar im Attributbereich, der aus dem vorherigen Satz entfernt wurde. Nur IE5 erkennt es nicht

Box-Modelllösung

wähle {width:IE5.x width; voice-family:""}"";

Die Clearing-Methode des Box-Modells wird nicht über !important verwaltet. Das muss klar sein.

klarer Schwimmer

select:after {content:"."; display:block height:0;

Wenn in Firefox alle untergeordneten Elemente schweben, kann die Höhe des übergeordneten Elements nicht das gesamte untergeordnete Element abdecken. Verwenden Sie dann diesen HACK, um das schwebende Element einmal zu definieren. Dann kann dieses Problem gelöst werden.

Abgeschnittene Ellipse

select { -o-text-overflow:ellipsis; text-overflow:nowrap;

Dies ist eine sehr gute Technik, die den überschüssigen Text automatisch abschneidet, wenn er die Länge überschreitet, und ihn mit Auslassungspunkten beendet. Es ist nur so, dass Firefox es derzeit nicht unterstützt.

Wird nur von Opera erkannt

@media all and (min-width: 0px){ select {……} }

Nehmen Sie separate Einstellungen für den Opera-Browser vor.

Die oben genannten HACKs zum Schreiben von CSS werden verwendet, um lokale Kompatibilitätsprobleme zu lösen. Wenn Sie den Kompatibilitätsinhalt trennen möchten, können Sie auch die folgenden Filter ausprobieren. Einige dieser Filter sind in CSS geschrieben, um spezielle Stile über Filter zu importieren, und andere sind in HTML geschrieben, um erforderliche Patch-Stile über Bedingungen zu verknüpfen oder zu importieren.

Filtern Sie nach IE5.x, nur IE5.x ist sichtbar

IE5/MAC-Filter werden im Allgemeinen nicht benötigt

IE's, wenn bedingter Hack

<!--[if IE]> Nur IE <![endif]-->

Alles IE erkennt

<!--[if IE 5.0]> Nur IE 5.0 <![endif]-->

Nur IE5.0 kann es erkennen

<!--[if gt IE 5.0]> Nur IE 5.0+ <![endif]-->

IE5.0 kann von IE5.5 erkannt werden

<!--[if lt IE 6]> Nur IE 6- <![endif]-->

Wird nur vom IE6 erkannt

<!--[if gte IE 6]> Nur IE 6/+ <![endif]-->

Kann von IE6 und IE5.x unterhalb von IE6 erkannt werden

<!--[if lte IE 7]> Nur IE 7/- <![endif]-->

Wird nur vom IE7 erkannt

Der obige Inhalt ist möglicherweise nicht vollständig. Sie können diese Techniken gerne zusammenfassen, um zukünftige Arbeitsanfragen zu erleichtern. Gleichzeitig möchte ich den Autoren danken, die diese HACKs recherchiert haben.