3
respostas

[Dúvida] imagens do swiper se sobrepoem ao menu

Insira aqui a descrição dessa imagem para ajudar na acessibilidadequando eu abro meu menu, as imagens do carrossel se sobrepoem a ele, tem como resolver esse erro e ficarem no plano de fundo?

3 respostas

Oi Murilo!

Eu não vi o código mas pode ser algo relacionado a propriedade "z-index" (https://www.w3schools.com/cssref/pr_pos_z-index.php) do CSS.

tentei procurar a respeito porém não consigo editar o z-index do swiper, subi o projeto em um repositório para ficar mais facil de visualizar o codigo, eu tentei deixar minha barra de menu fixed, mas mesmo sem alterar o position ele fica sobreposto, caso consiga me auxiliar, procurei até em foruns em ingles e nao achei a solução. https://github.com/Murilol04/teste-alura esse é o endereço do codigo.

Com o código ficou mais fácil de entender. Segue a explicação:

Sua lista estava contida dentro da tag header, e nesse caso foi preciso inserir a propriedade "z-index" nesta tag. Repare que agora até a barra superior ficou por cima dos outros elementos da página.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade