Problema com z-index CSS

3 respostas
cssfront-end
I

Olá pessoal. Estou fazendo um site mas não sei muito de front-end e estou tendo problemas com o z-index. Aparentemente quanto maior o número, mais externa vai ser a camada. Coloquei os elementos que queria que ficassem atrás como “z-index: 1”, e o menu (para dispositivos móveis), o qual aparece somente quando o botão do menu for clicado, como “z-index: 4”, e mesmo assim o footer fica sobre esse menu.

Se alguém tiver alguma ideia, agradeço.

3 Respostas

R

Após o clicar no menu, coloca o footer para Z-index - 1

function mostrar_menu {
document.getElementById("id_do_rodapé").style.zIndex = "-1";
}

Cria uma variável para não precisa fazer document.getElementById sempre que for usar o footer;
var foo = document.getElementById("id_do_rodapé"); Ai você coloca ele fora ou dentro da Function…

Se você estiver usando JavaScript pode funcionar, se tiver usando jQuery, eu não posso te ajudar

I

Obrigada! Eu só mudei pra -1 e deu certo xD

R

Show de bola :wink:

Criado 17 de setembro de 2016
Ultima resposta 17 de set. de 2016
Respostas 3
Participantes 2