Hi,
ich bin ein Bisschen schockiert. Allem Anschein nach kann man im Internet Explorer 8 einem DIV welches an irgendeiner stelle halbtransparente PNGs beinhaltet keine Transparenz geben. Wenn man das tut weden alle halbtransparenten Bereiche einfach komplett schwarz. Beispiel:
<div class="aussen">
<div class="png">Lorem ipsum</div>
</div>
.aussen {
filter: Alpha(Opacity=50);
opacity: .5;
}
.png {
background: url('transparentes.png') no-repeat;
}
Das Ergebnis:
http://img222.imageshack.us/i/bildschirmfoto20101208u.png/
statt
http://img709.imageshack.us/i/bildschirmfoto20101208u.png/
Meine Frage: Gibt es irgendeine Möglichkeit ein PNG mit Transparenz transparent zu machen? Wenn ihr euch fragt was das soll: Ich benutze Script.aculo.us' Appear- bzw. Fade-Effekt, bei dem das Bild weich ein- bzw ausgeblendet wird, und während das Bild ein-/aus-fadet ist das Ding in den transparenten Bereichen einfach schwarz.
Vielen Dank und Grüße
Lukas