GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Problema com z-index CSS

front-end
css
Tags: #<Tag:0x00007fb01c646738> #<Tag:0x00007fb01c6465d0>

#1

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.


#2

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


#3

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


#4

Show de bola :wink: