Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Seguinte, estou criando um slide que possui uma foto no fundo com uma div opacity por cima assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/58ad0bb4fc457b9eab86c5aee828cfde.png&key=e0ba08b214b93088221c74ce889a519adc954cbbd7df04ea2dd6ae61a7667c55" alt="Imagem Postada" />
No FF fica certinho, já o IE (como sempre) está me dando dor de cabeça, ele está ficando assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/0cb396be4d584b8fb2e8a307246136bb.png&key=d74b90da10832ab1c497d89eb95d40090a1567399e55871db754d7060630233c" alt="Imagem Postada" />
O html está assim:
<div class="slide textRight">
<h1>Título</h1>
<img src="images/crm/module2/lesson3/slide13.jpg" alt="Acidente" />
<div class="table">
<div class="cell overlay">
<div class="textOverlay">
<h2>Subtítulo</h2>
<p>
Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui
Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui
</p>
</div>
</div>
</div>
</div>
E o css está assim:
.slide .overlay{
background-color:#FFFFFF;
left:0;
position:absolute;
top:0;
opacity:0.65;
filter:alpha(opacity=65);
-khtml-opacity: 0.65;
-moz-opacity:0.65;
}
.slide .textOverlay{
float:right;
width:75%;
}
Alguém sabe o que fiz de errado? :(
Carregando comentários...