PNG + Alpha + InternetExplorer
-
Hi,
ich bin gerade dabei ein Spiel in JavaScript zu schreiben. Die Grafiken dafür sind PNG-Dateien mit Alpha-Kanal. Funktioniert in allen normalen Browsern, außer dem IE natürlich wunderbar. Im InternetExplorer habe ich mich nun der MS-typischen css-Eigenschaft "filter" bedient, um transparente PNG Grafiken zu laden. Das gibt auch kein Problem. Da ich einige der Grafiken aber auch ein/ausblenden möchte (im Firefox mit "opacity") habe ich einen weiteren Filter hinzugeschaltet, den Alpha-Filter. Klingt alles ganz logisch, nur das problem ist, diese beiden Filter harmonieren nicht mit einander. Im IE gibt es komische Artefakte und die Transparenz von der PNG verschwindet auch irgendwie wieder... -.-http://theoneandonlyfoo.th.funpic.de/firefox.png <-- so soll es aussehen
http://theoneandonlyfoo.th.funpic.de/ie.png <-- so sieht es ausich benutzte folgenden Filter:
this.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=50) progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.mImage.src + "',sizingMethod='scale')";
Hoffentlich weiß jemand von euch eine Lösung
*hoff*