Heim > Web-Frontend > CSS-Tutorial > CSS-Hack-Zusammenfassung Quick Check_Experience Exchange

CSS-Hack-Zusammenfassung Quick Check_Experience Exchange

WBOY
Freigeben: 2016-05-16 12:04:03
Original
1362 Leute haben es durchsucht

*:lang(zh) select {font:12px !important;} /*Speziell für FF*/
select:empty {font:12px !important;} /*Sichtbar in Safari*/
Hier auswählen ist das Wahlschalter, je nach Situation austauschen. Der zweite Satz gilt nur für den Safari-Browser auf dem MAC.

Nur ​​von IE7 erkannt
*+html {…}
Sie können diesen HACK verwenden, wenn Sie Stile nur für IE7 erstellen müssen.

Identifikation für IE6 und niedriger
* html {…}
Achten Sie besonders auf diese Stelle, dass es sich um einen HACK für IE6 handelt dieser HACK. 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 es nicht*/:none;}
Hier trennt ein Attribut und Wert hauptsächlich durch CSS-Kommentare, die vor dem Doppelpunkt ausgegeben werden.

Nur ​​IE6 und IE5 erkennen
select/**/ { display /*IE6, IE5 erkennt nicht*/:none;} nicht
Der Unterschied zum obigen Satz besteht darin, dass zwischen dem Selektor und ein zusätzliches CSS vorhanden ist die geschweiften Klammern Hinweis.

Nur ​​IE5 erkennt es nicht
select/*IE5 erkennt es nicht*/ { display:none;}
Dieser Satz entfernt den Kommentar im Attributbereich aus dem vorherigen Satz. Nur IE5 erkennt

Box-Modelllösung
select {width:IE5.x width; voice-family:inherit; width:correct width;} >Die Clearing-Methode des Box-Modells wird nicht über !important gehandhabt. Das muss klar sein.

Float löschen
select:after {content:"; clear:both:hidden;}
In Firefox, wenn alle Kinder sind Beim Floating kann die Höhe des übergeordneten Elements nicht das gesamte untergeordnete Element vollständig abdecken. Verwenden Sie dann diesen HACK, um das Floating zu löschen und das übergeordnete Element einmal zu definieren, wodurch dieses Problem gelöst werden kann.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage