Buenas gente;
tengo 3 capas:
Código:
body {
background:url(../img/fons.gif) center repeat-y;
text-align:center;
z-index:3;
}
#centrarcapes{
width:900px;
margin:0 auto;
text-align:left;
margin-top:-50px;
z-index:4;
}
#capadarrera{
position:relative;
top:175px;
width:100%;
height:50px;
background-color:#564b18;
}
y me gustaria que me quedase asi:
y esto es lo que consigo
http://www.thewilfamily.com/prueba/prueba.html
No consigo que capa "capadarrera" quede por detrás de body ni de "centrarcapes".
He probado con la propiedad z-index, pero no funciona bien, me oculta completamente la capa "capadarrera" y no se muestra....
Es cosa del gif que hace de fondo en el body? o que hago mal?
Gracias a tod@s por vuestro tiempo