Internet Explorer: CSS Transparenz und Text

Der Internet Explorer von Version 6 bis Version 8 hat die unangenehme Angewohnheit transparenten Text auf eigentlich schon fast groteske Art darzustellen. Genau genommen betrifft das Problem nicht nur transparenten Text, sondern jeden Text, auf den das CSS filter-Attribut angewandt wird. Die erste Lösung, die einem in den Sinn kommt ist es den Text durch ein Bild zu ersetzen. Nun erhöht man damit den Wartungsaufwand, je nach Anwendungsfall, teils enorm. In manchen Szenarien ist dies gar nicht möglich. Natürlich wäre es auch reizvoll, den IE schlichtweg zu ignorieren. Schließlich ist man selbst schuld, wenn man diesen “Browser” verwendet. Jedoch würde man damit rund 35 % aller Besucher (Quelle netmarketshare, August 2012) im Stich lassen, also ist dies auch keine gangbare Option.

Es gibt jedoch eine relativ simple Lösung, mit der man den IE zur korrekten Darstellung bewegen kann: ein Hintergrundbild. Setzt man bei den Textelementen, auf die ein Filter angewandt wird, ein beliebiges Hintergrundbild, wird der Text vollkommen makellos gerendert und das in allen Versionen von 6 bis 8. Nun kann man einfach ein 1x1px großes Bild, mit der benötigten Hintergrundfarbe, erstellen und den betroffenen Textelementen als Hintergrundbild setzen.

Nun liegt es nahe einfach ein transparentes Bild zu verwenden, damit man dies immer wieder verwenden kann, jedoch macht einem der Internet Explorer hier einen Strich durch die Rechnung. Mit transparentem Bild zeigt er den Text ebenso fehlerhaft an, wie ohne Bild.

Das könnte Sie auch interessieren:

Von: admin Tags: css, microsoft, tipp, Web, xhtml

Sag deine Meinung

Die E-Mail Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Suche

Bleibe auf dem Laufenden

Archiv