Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
>
Olá,
Também me deparei com este problema e consegui fazer uma div sem transparencia dentro de uma transparente. Funciona perfeitamente nos navegadores: IE7, IE8, Mozilla, Chrome, Safari, Opera e Flock.
<div id="lightbox">
</div>
<div id="pelicula">
<div id="mensagem">
</div>
</div>
#lightbox{
height: 100%;
width: 100%;
position:fixed;
left:0;
top:0;
z-index: 98;
overflow:visible;
background-color:#000000;
opacity:0.9;
filter:alpha(opacity=90);
}
#pelicula{
height: 100%;
width: 100%;
position:fixed;
left:0;
top:0;
z-index: 99;
overflow:visible;
}
#mensagem{
width: 400px;
height: 200px;
position:relative;
top: 30%;
margin: 0 auto;
background-color: #FFFFFF;
}
um abraço,
Leonardo X
cara eu fiz isso, funcionou, so q eu add uma imagem em cima, e ela ficou transparente tambem.
como q eu resolvo isso??
@Spice Boy, seu tópico foi dividido. A referência se encontra aqui: http://forum.imasters.com.br/index.php?/topic/252949-div-com-transparencia-em-cima-de-outra-div/
Para manter uma melhor organização no fórum, não poste em tópicos antigos e abra um novo tópico quando tiver uma nova dúvida (depois de utilizar a ferramenta de busca do fórum).
Quanto à sua dúvida, acho que isso deve resolver:
#lightbox * {