[Resolvido] Flutuar por cima?

[- KbeçãO - 0]

existe algm modo de flutuar uma div por cimca da outra??

[William Bruno 1501]

com position absolute, ou apenas float mesmo, sendo uma filha da outra.

[- KbeçãO - 0]

ok..

vou tentar aqui....

[Odirlei Borgert 4]

ok..

vou tentar aqui....

 

 

mas não esqueça de por um nivel para cada div para não dar problema em certos navegador....

#div1 {
 z-index: 100;
}
#div2 {
 z-index: 101;
}

 

...

 

e assim por diante...

[- KbeçãO - 0]

hmmmmmmmmmmmmmmm

esse esquema do z-index ñ sabia...

então:

 

#div1 {
z-index: 100;
}
#div2 {
z-index: 101;
}

 

mesmo se as duas estiverem com position: absolut; a #div2 ficará por cima da #div1??

 

E existe algum codigo css para dar transparencia em alguma div???

[Odirlei Borgert 4]

hmmmmmmmmmmmmmmm

esse esquema do z-index ñ sabia...

então:

 

#div1 {
z-index: 100;
}
#div2 {
z-index: 101;
}

 

mesmo se as duas estiverem com position: absolut; a #div2 ficará por cima da #div1??

 

E existe algum codigo css para dar transparencia em alguma div???

 

 

Sempre o que tiver o z-index maior é que ficará por cima...

[Evandro Oliveira 331]

E existe algum codigo css para dar transparencia em alguma div???

 

Dê preferência para o uso de imagens como plano de fundo em cor semitransparente. Você pode até fazer de forma nativa com a propriedade opacity mas terá algumas dores de cabeça depois.

 

 

Sempre o que tiver o z-index maior é que ficará por cima...

 

nem sempre

 

 

<style type="text/css" media="all">
div {
height: 200px;
padding: 10px;
position: absolute;
top: 30px;
width: 200px;
}

#vermelho {
background: #f00;
left: 50px;
z-index: 1;
}

#azul {
background: #00f;
left: 80px;
z-index: 2;
}

#verde {
background: #0f0;
left: 110px;
z-index: 3;
}
</style>
<div id="vermelho">
<div id="verde"></div>
</div>
<div id="azul"></div>

 

 

 

[- KbeçãO - 0]

agradeço as respostas...

ja resolvi o problema..

era erro de programação meu..

^^,