Hola, en verdad es muy sencillo, pero hacia falta ponerlo en el titulo? jaja no problem.
- quita todos los z-index
- tip: z-index necesita que las cajas que intervengan en la pila estén posicionadas con algun valor distinto de static (valor por defecto)
- chequea
este código y trasladalo a tu problema:
Código CSS:
Ver original#wrap{
position:relative; /*contenedor relativo, para controlar las cotas de las cajas absolutas anidadas*/
}
#slider, #bottom{
width: 200px;
height: 200px;
padding: 16px;
}
#slider{
background: skyblue;
position: relative; /*como no necesitamos desplazarlo dejamos relativo*/
top: 0;
left: 0;
z-index: 0;
}
#bottom{
background: orange;
position: absolute; /*usamos posicion absoluta solo para ilustrar el caso, puede que te venga bien o que necesites otra cosa o no*/
top: 100px;
left: 100px;
z-index: 1;
}
puede que necesites encararlo de otra forma, cualquier cosita mostranos el código del problema (no toda la web por favor porque sinceramente no tendría tiempo de verla)
Saludos.