WordPress z-index não está funcionando

[Bruna Siqueira]

boa tarde pessoal,

 

é uma coisa muito boba, porém estou a tarde toda, ajustando z-index pra lá e pra cá e nada

http://www.resultadopropaganda.com.br/jodler/

nesse site que estou desenvolvendo, quero q o menu (#navigation) e não a barra vinho toda, fique na frente da imagem que coloquei) porém coloco z-index nos dois e ñao funciona!

alguém tem alguma outra sugestão?

[DiF]

@Bruna Siqueira Olá. Mesmo inspecionando o elemento não consegui identificar o elemento que você deseja.

Mas uma coisa eu posso dizer, o Z-index só funciona com irmãos adjacentes. Pelo menos era o que eu sabia até então. Não sei se mudaram alguma coisa.

 

Exemplo:

 

<div class="pai">
  <div class="filho"></div>
</div> 
      

O de cima não funciona porque o um é filho do outro.

Mas:

<div class="pai">
  <div class="filho1"></div>
  <div class="filho2"></div>
</div> 
      

 

Vai funcionar o z-index  no filho1 e filho 2 porque são adjacentes.

 

Outro caso que funciona:

 <div class="elemento1"></div>
 <div class="elemento2"></div>

Pois ambos são adjacentes também, mesmo não sendo filhos de outro elemento.

[Bruna Siqueira]

@DiF Entendi o que quis dizer, tem alguma sugestão então para o menu ficar por cima da imagem?

Vou pensar em trazer toda imagem para o background do menu, talvez seja mais fácil

[joseph_dev]

Acessei o site e o elemento #navigation parece já estar do jeito que você queria. Ou então não entendi direito rsrs. Você já modificou?

[Bruna Siqueira]

@joseph_dev sim! eu colocava a z-index mas não funcionava, mas entendi o que o @DiF falou dobre os locais, ai acabei convertendo td em imagem e jogando o menu em cima 

 

obrigada!