IE-Bug: CSS-Kurzform von liste-style
Bug
Der Internet Explorer scheint ein Problem beim Überschreiben einer CSS-Eigenschaft durch eine andere CSS-Eigenschaft zu haben, wenn für die Eigenschaften die Kurzform verwendet wird. Hier ein Beispiel:
li{list-style: square url(bullet.gif);}
#ausnahme li{list-style: none;}
Eigentlich dürfte der Browser kein Listen-Symbol anzeigen, wenn die ID der Liste ausnahme ist. Im IE scheint das none aber nur den Wert square zu überschreiben. Deshalb zeigt er trotzdem die Grafik als Listenzeichen an.
Lösung
Da das Problem seinen Ursprung in der Kurzform (mehrere Werte in einer CSS-Eigenschaft) liegt, muss man einfach alle Werte überschreiben:
li{list-style: square url(bullet.gif);}
#ausnahme li{list-style: none none;}
Möglich wäre es auch, nicht die Kurzform zu benutzen, sondern die Eigenschaften auszuschreiben:
li{
list-style-type: square;
list-style-image: url(bullet.gif);
}
#ausnahme li{
list-style-image: none;
list-style-type: none;
}
Hier gibt es ein Beispiel mit mehreren Ansätzen.