Die Situation: In einem DIV-Container wird eine Hintergrundgrafik (hier mit einem Pfeil) eingefügt. Über dem DIV ist ein anderes Blockelement, das die selbe Farbe haben soll wie der Pfeil. Das Blockelement hat seine Farbe über einen Hexadezimalwert als CSS-Anweisung erhalten. Der Pfeil hatte den gleichen Hex-Wert und war beim Einfügen um einige Werte zu hell. Also die Helligkeit etwas runter reguliert. Danach sah es aus, wie oben zu sehen. In Firefox und Opera (auf dem Mac) haben Blockelement und Pfeil den selben Farbwert. In Safari wirkt sich die Abdunklung negativ aus. — Man könnte auch sagen, dass Safari den gewünschten Hex-Wert der Grafik richtig anzeigt und die beiden Browser-Kollegen alles zu hell darstellen.
Wie blöde, dass Browser Farben aus Grafiken und CSS-Hex-Werte unterschiedlich darstellen! 🙁
Lösung: Das DIV bekommt den Hex-Wert als Hintergrundfarbe per CSS zugewiesen und der Pfeil in der Grafik ist transparent. Schon sieht es überall gleich aus. Nervkram am Sonntag…
Kommentar (1)
Dabei mag ich Safari gar nicht einmal. Wie blöde.
Wie kann man denn dann den anderen Browsern die Farben richtig beibringen?