Problema com z-index CSS

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.

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

1 curtida

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

1 curtida

Show de bola :wink:

1 curtida