Div Em cima da outra

[Bruno Conte 4]

boa noite.

estou tentando fazer um layout onde o topo e um slide com uma faixa em cima dele.

 

o problema e fazer a div do topo ficar em cima da div do slide.

 

tentei fazer assim mais nao esta dando certo:

 

 

 

 

#topo{

width:900px;

height:60px;

background-color:#0098DA;

border-radius: 0px 0px 10px 10px ;

-webkit-border-radius: 0px 0px 10px 10px ;

-moz-border-radius: 0px 0px 10px 10px ;

-ms-border-radius: 0px 0px 10px 10px ;

-o-border-radius: 0px 0px 10px 10px ;

z-index: 9999;

}

 

no index do site fiz assim:

 

 

 

 

<div class="fullwidthbanner-container">

<div class="fullwidthbanner">

<div id="centraliza"><div id="topo"></div> </div> //aqui e a div topo

<ul>

<!-- FADE -->

<li data-transition="fade" data-slotamount="10" data-thumb="images/thumbs/thumb1.jpg">

<img src="images/slides/imagem.jpg" />

</li>

</ul>

</div>

</div>

 

[Marcos Xavier 189]

z-index só funciona se position (relative ou absolute) estiver definido.

[EduardoAugustoPHP 27]

é Isso.

Defina position para as duas divs e configure o z-index delas.

 

Sugiro não utilizar um numero máxiimo para "subir" a div. Se você precisar que ela fique abaixo de algo no meio do projeto, vai ser mais fácil vc corrigir.

 

Abs