He hecho un menú responsive utilizando la función checked y funciona correctamente pero cuando el menú se desplega, lo hace por detrás de un slider. Para solucionarlo, cambio el z-index del slider para enviarlo atrás, de esta manera ya se carga el munú por encima del slider.
El problema es que al tener un z-index que me envía el slider detrás, se me deshabilita la opción de pasar las fotos manualmente.
La única opción que se me ha ocurrido es cambiar el z-index al desplegar el menú.
El código que tengo es el siguente:
Código:
El nav, me funciona correctamente pero el slider no hay forma de que funcione.header nav {
width: 100%;
position:fixed;
left:100%;
margin: 0;
overflow: scroll;
height: calc(100% - 80px);
top: 60px;
transition: all .5s;
}
.slider{
width: 100%;
float: left;
position: relative;
z-index: 1;
}
#check:checked ~ .slider {
z-index: -1;
}
#check:checked ~ nav {
left: 0;
}
Alguna idea de porqué?
Gracias.
