Hotte: IE png Problem...

Beitrag lesen

SELF-Forum

IE png Problem...

Hotte
– Informationen zu den Bewertungsregeln

Hi,

So, und jetzt das ganze in voller Fülle:
http://agentur-aeskulap.de/beta/
:-)
http://agentur-aeskulap.de/beta/

Du hast nicht nur ein transparentes png, sondern das Element hat zusätzlich noch einen alpha-filter.

IE hat Probleme mit dieser Kombination.

<!doctype html>

<html style="background:green">
<head><title></title></head>
<body>
<style type="text/css">
[code lang=css] html {
background:green;
}
body {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://agentur-aeskulap.de/beta/images/banner.png') progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
height:200px;
display:block;
}


> 	</style>  
> 	Lorem Ipsum!  
> </body>  
> </html>[/code]  
>   
> Funktioniert zumindest im IE8 und 7.  
> IE6 nicht getestet, aber den sollte man eh ignorieren.  
>   
> > (der Code ist noch ziemlich Amok; handelt sich dabei schließlich um nen Entwurf).  
> Oh ja, das ist er.  
>   
> Wenn du von Anfang an gesagt hättest wo genau das Problem auftritt (Kombination von filter:alpha und transparentes background-image-png) hätte ich dir vermutlich auch gleich am Anfang helfen können.  
>   
> ~dave  
  
Okay, leuchtet ein ;)  
Allerdings komme ich dennoch zu keinem vernünftigen Ergebnis... mein Code für das entsprechende Div sieht nun so aus:  
~~~css
.nivo-caption {  
	position:absolute;  
	left:-19px;  
	top:85px;  
	background:url(images/banner.png) no-repeat;  
        padding-left:28px;  
	width:560px;  
        height:81px;  
	z-index:89;  
        color:#fff;  
        font-family:sans-serif;  
        font-size:17px;  
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner.png') progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}

Der ganze Slider basiert auf einem JQuery Plugin; das ist ebend der Nachteil: Was unter der Haube passiert -welcher Code produziert/verändert wird- bleibt ein Geheimnis... uncool!

Beitrag melden
–
Informationen zu den Bewertungsregeln