Luke: Transparente PNGs im IE und Links

Beitrag lesen

SELF-Forum

Transparente PNGs im IE und Links

Luke
– Informationen zu den Bewertungsregeln

Ich weiß, das Problem wurde sicher schon 1000 mal diskutiert, aber ich habe es nun wieder. Bekanntlich funktionieren Links im IE in einem DIV nicht mehr, wenn man diesem den AlphaImageLoader-Filter gibt. Für mich tat sich das letzte mal dadurch eine Lösung auf ein weiteres DIV in das gefilterte DIV zu packen und ihm "position: relative;" zu geben, aber das tut in dem neuen Layout komischerweise auch nicht mehr. Eine weitere Lösung scheint zu sein ein DIV mit einem höheren z-index hineinzulegen, aber das funktioniert auch nicht. (Wer's nicht glaubt kann folgenden code

<html>  
<head>  
 <style>  
  
img { border:0px; }  
  
.heaticon_5 {  
 width: 12px;  
 height: 30px;  
 position: absolute;  
 z-index: 10;  
 right: 6px;  
 top: 22px;  
 background-image: url('images/heat_5.png');  
 background-repeat: no-repeat;  
 // background-image:url('');  
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/heat_5.png', sizingMethod='scale');  
}  
  
.heaticon_inside {  
 position: relative;  
 z-index: 20;  
}  
  
 </style>  
</head>  
<body>  
  
<div id="lösch_mich" style="width:60px">  
 <div style="position: relative;">  
  <div class="heaticon_5"><div class="heaticon_inside"><a href="http://www.google.de"><img src="images/blank.gif" width="12" height="30" /></a></div></div>  
  <div><a href="http://www.yahoo.de"><img alt="Blog_default" src="images/blog_default.png"></a></div>  
 </div>  
</div>  
  
</body>  
</html>

hier sehen: http://bombach.info/luke/selfhtml/transpnglinks/Blogicons.html). Komisch ist auch dass der Link am rechten Rand des übergelegten Bildes funktioniert...

Weiß jemand wie man das richtig macht?

Grüße
Luke

Beitrag melden
–
Informationen zu den Bewertungsregeln