[CSS] problemino con sfondi DIV

[raffaeu]

Ciao nel mio sito ho creato una serie di DIV con delle PNG trasparenti di sfondo, ma ho un problemino con un div, dove la PNG è trasparente ma al posto di mostrarmi lo sfondo, ovvero il background del body, mi lascia uno spazio grigio, ma solamente con IE6, con FF non lo fa ...

indirizzo :

http://www.raffaeu.com/new


PS: Non voglio commenti è un VIP e so già che il preload dell' header in flash manca ...

[whiteduke]

Ie non accetta lo sfondo transparente delle immagini con estensione .png. Le soluzioni sono II:

• usi gif;
• inserisci il seguente codice nell'head:

<!--[if gte IE 5.5]>
<style type="text/css">
span#i1{display:block;width:200px;height:200px;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='percorso immagine'); }
span#i1 img{width:200px;height:200px;
filter:progid:DXImageTransform.Microsoft.Alpha(opa city=0); }
</style>
<![endif]-->

Ciao :ciauz:

[gordian]

Originariamente inviato da whiteduke
Ie non accetta lo sfondo transparente delle immagini con estensione .png. Le soluzioni sono II:

• usi gif;
• inserisci il seguente codice nell'head:

<!--[if gte IE 5.5]>
<style type="text/css">
span#i1{display:block;width:200px;height:200px;
filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='pe rcorso immagine'); }
span#i1 img{width:200px;height:200px;
filterrogidXImageTransform.Microsoft.Alpha(opacity=0); }
</style>
<![endif]-->

Ciao

Se io in una pagina avessi diverse immagini PNG trasparenti, come dovrei modificare il tuo esempio?
Inoltre cosa indichi con le misure di 200px? E' una grandezza di esempio riferita all'immagine o è standard?

Grazie.

[raffaeu]

Sempre cosi' con Explorer.

Beh preferisco andare di GIF, e mi tolgo il problema.

[raffaeu]

scusa ma con le PNG il codice non va l' ho messo nell' head dopo il tag dello script Javascript e prima del link al foglio di stile

</SCRIPT>
<!--[if gte IE 5.5]>
<style type="text/css">
span#i1{display:block;width:200px;height:200px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Image/Slice/white.png'); }
span#i1 img{width:200px;height:200px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
</style>
<![endif]--> 
<link rel="stylesheet" href="Css/Main.css" />
</head>

[raffaeu]

#right_blank{
background: transparent url(../Image/Slice/white.png) repeat-y 50% 0;			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Image/Slice/white.png', sizingMethod='scale');
margin: 0px auto;
width: 278px;
height: 50px;
left:0px;
}