Hola,
tengo un problema con el diseño de la cabecera. Tengo varios divs con una imagen de fondo, y no consigo que se pongan una encima de la otra correctamente.
La estructura seria:
<div FONDO 1>
<div FONDO MENU>
<div FONDO 2>
<div>
<div CONTENIDO>
FONDO 1 es una imagen que ocupa todo el espacio, con z-index: 10
FONDO MENU es un fondo que tambien ocupa todo, aparece justo cuando termina FONDO1 , con z-index: 15
FONDO 2 tambien que ocupa todo, y deberia salir por debajo de FONDO MENU, tiene z-index: 10
CONTENIDO tiene un ancho fijo, y deberia salir por debajor de FONDO2, tiene z-index: 5
el problema es que fondo2 y contenido salen encima de sus predecesores, y no debajo.
¿Tiene solución esto?