CSS: !important und Unterstrich

Important-150x150 in CSS: !important und UnterstrichHin und wieder kommt es vor, dass man in ein und der selben CSS Regel eine Deklaration für den IE6 (und älter) und eine für alle anderen Browser benötigt. Ein zweites Stylesheet wäre eine Möglichkeit, aber nur für eine oder zwei Regeln? Es gibt hierfür den Hack !important oder Unterstrich.
Der Hack mit !important funktioniert, weil der IE6 Probleme mit mehreren Eigenschaften innerhalb einer Regel hat.

#hack { position: fixed !important; position: static; }

Der IE 6 ignoriert die erste Deklaration und wendet die zweite an, alle anderen Browser wenden die erste Regel an. !important erhöht die Priorität der Regel innerhalb der Kaskade. Ähnlich funktioniert es mit Unterstrich:

#hack { position: fixed; _position: static; }

Kompatible Browser erkennen diese Eigenschaft nicht und ignorieren sie einfach, aber der IE6 wendet die Regel an.




Verwandte Artikel:
» Google Analytics für Einsteiger – Teil 3 – ECommerce Tracking
» Google Analytics für Einsteiger - Teil 2 - Die API
» Google Analytics für Einsteiger
» Twitter für Anfänger - Die 5 ersten Schritte
» Twitter Video Tutorials - Sieben auf einen Streich




Tags » , , , «

Trackback: Trackback-URL | Feed zum Beitrag: RSS 2.0
Thema: Tutorials |

Diesen Beitrag kommentieren.

Kommentar abgeben

Bitte lesen!

Ich behalte mir vor Kommentare die gegen folgende Regeln verstoßen nicht zu veröffentlichen, zu kürzen oder zu editieren.

  • Der Kommentar ist Werbung / Spam.
  • Der Kommentar ist beleidigend.
  • Der Kommentar ist sinnlos.

Diese Regeln dienen dazu, die Qualität der Kommentare aufrecht zu halten.