PNG nicht transparent???

[Dieter Raber]

Hallo mynon,

Man kann IE ohne weiteres beibringen, PNGs transparent anzuzeigen.
Das folgende Beispiel ist aus einem meiner Projekte, allerdings funktioniert nicht in IE < 6.

HTML, das Bild ist ein transparentes GIF
<div id="tabs">
  <ul id="navlist">
    <li><img src="/pics/style/shim.gif" alt="" /></li>

Normales Stylesheet:
#tabs img {
  height:23px;
  width:23px;
  background: #ccc url(/pics/style/corner.png) no-repeat left top;
}

IE Stylesheet per Conditional Comment
#tabs img{
  background-image:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pics/style/corner.png');
}

Das PNG ist also das Hintergrundbild des GIFs, etwas vertrackt, aber es funktioniert.

Gruß,

Dieter