Colocar DIV na frente

[DJ W 0]

Olá pessoal, bom dia!Meu problema é que criei um menu com um div, mas abaixo na área de conteúdo quando o div do menu fica aparecendo por trás de qualquer ítem da área de conteúdo e preciso fazer o contrário.Tentei algumas coisas, mas infelizmente não funcionaram.Alguém poderia ajudar?Por favor, se precisarem de mais detalhes é só falar.Agradeço desde já qualquer ajudaWescley

[Giovani 104]

1) Poste um link, fica mais e tentar ajudar.

2) Pesquise sobre z-index, pode ser que resolva seu problema.

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[DJ W 0]

1) Poste um link, fica mais e tentar ajudar.

2) Pesquise sobre z-index, pode ser que resolva seu problema.

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Infelizmente não tenho como colocar um , pois é da intranet :(

 

Vou ver sobre o z-index.

 

Valeu!

[Chan10 0]

Simples, basta definir um z-index exemplo:

 

<div style="position:absolute; background-color:#0f0; top:20px; left:10px; z-index:2;">	<h1>DIV 1</h1><p>Teste teste teste teste</p></div><div style="position:absolute; background-color:#f00; top:40px; left:30px; z-index:1;">	<h1>DIV 2</h1><p>Teste teste teste teste</p></div>

o maior z-index que no caso é o de valor 2 vai ficar por cima, se você trocar os valor e deixar o "div2" com o valor maior que o do "div1" vai ver que a ordem será alterada.

 

Bem mas esse não é o fim dos seu problemas, ao menos no IE, se esse div abrir em cima de um "<select>" o select vai aparecer em cima do seu div pode fazer o teste e adicionar o select nesse exemplo e rodar no IE. Existe algumas soluções pra isso, a que acho mais simples é usar um iframe falso fica +- assim:

 

<div style="position:absolute; top:10px; z-index:1">	<select>		<option>aaaa</option>	</select></div><div style="position:absolute; background-color:#0f0; top:5px; left:35px; z-index:4;">	<h1>DIV 1</h1><p>Teste teste teste teste</p></div><iframe id="teste" frameborder="1" style="position:absolute; left:45px; z-index:2"></iframe><div style="position:absolute; background-color:#f00; top:15px; left:45px; z-index:3;">	<h1>DIV 2</h1><p>Teste teste teste teste</p></div>

eu coloquei o iframe falso apenas no "div2" então no IE vai ficar estranho, somente onde o "div2" passa que o select vai ficar embaixo do "div1".

existem outras soluções.. bem mas fica por aqui minha dica.. até ...... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif