opacity su i.e.

[luchett]

Ciao ragazzi,
ho un problema con un div dove uso opacity per dare effetto trasparenza.

Come vedete dall'immagine allegata, sopra ho il risultato in i.e. , sotto in chrome.

Usando firebug, noto che togliendo al div opacity:0.85; , ottengo lo stesso risultato di i.e. , quindi deduco che il problema è che su i.e. opacity non funzioni.

A tal proposito ho cercato in rete, implementando il css in questo modo:

opacity:0.85;
filter:alpha(opacity=85);
-moz-opacity:0.85;

Ho messo anche in cima alla pagina html

<meta http-equiv="X-UA-Compatible" content="IE=8">

ma niente

Avete qualche suggerimento per me?

Grazie

[Cesar]

Originariamente inviato da luchett
Come vedete dall'immagine allegata, sopra ho il risultato in i.e. , sotto in chrome.

Non il contrario?

[luchett]

Esatto il contrario, cominciamo bene!!!

[Cesar]

A questo punto non mi sembra che il problema sia l'opacità.

[luchett]

Se la tolgo ottengo anche su chrome e mozilla lo stesso risultato dell'immagine sotto.

Praticamente la foto sovrappone il div, che comunque non è opacizzato.

Il div opacizzato è vsCarouselFooter:

.vsCarouselFooter{ 
background-color:#161007; 
font-family:Arial,Helvetica,sans-serif; 
font-size:8pt; 
opacity:0.85; 
filter:alpha(opacity=85); 
-moz-opacity:0.85; 
height: 40px; 
margin-top: -40px; 
color:#fff; 
float:left; 
width:100%; 
overflow:hidden}

<div class="vsCarouselFrame" href="#"> 
<div class="vsCarosuelPicture"> [img]foto.jpg[/img]</div> 
<a class="vsCarouselAnchor" href="blabla.htm"> 
<div class="vsCarouselFooter">
<div><p class="vsCarouselText1">mq 450 - riservato</p> 
<p class="vsCarouselText2">Centro Storico - appartamento </p></div> 
[img]images/lente.gif[/img]</div></a></div>

[Cesar]

A me funziona (IE9):
http://jsfiddle.net/x8T39/

[luchett]

qui non funziona