Android 1.6 WebKit Bug color: transparent

Es ist wirklich nicht zu fassen, daß es so einen dämlich Bug überhaupt gibt…

Nach langem Herumprobieren mit insgesamt 4 verschiedenen Geräten und 3 verschiedenen Android Versionen bin ich drauf gekommen, warum bei manchen Geräten der WebKit Browser background-images nicht anzeigt.

Ich arbeite, gerade für Buttons, viel mit CSS Sprites um die Ladezeiten zu optimieren, z.B. folgendermaßen:

<style>
a.foo {
width: 50px;
height: 50px;
background: url(img/sprites.png) no-repeat -100px 0;
color: transparent;
}
</style>
<a class=“foo“ href=“#“>nach bar</a>

Aus grundsätzlichen Accessability und Usability Überlegungen (z.B. wegen Screenreadern für Blinde), erhält der Link, obwohl er eigentlich als Button dargestellt wird, trotzdem einen Text, der eben transparent, also nicht zu sehen ist.

Das ist zwar im Mobile Bereich momentan eher zweitrangig, aber die Zeiten ändern sich ja schnell.

Leider gibts in Android 1.6 einen dämlichen Fehler: Hat ein Element color: transparent, wird beim im DOM Baum folgenden Element das background-image nicht angezeigt. WTF?

Diesen Zusammenhang hätte ich doch bitte gerne mal von einem der Android Entwickler erklärt…

In Android 1.5 und 2.1 tritt der Fehler übrigens nicht auf.

Schreibe einen Kommentar