Lukas: IE8, transparente PNGs & Alpha

Beitrag lesen

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