Buenas, tengo el típico problema con z-index, la verdad que no se si mi problema es de css, igual es más de html y de como está maquetada la web.
Tengo un fondo en el body que quiero que se vea por encima de cualquier otro elemento de la web.(típico banner en los laterales del contenido de la web)
El fondo lo saco alrededor del contenedor principal, por lo que no tenia ese problema en un principio.
Pero se cambió el diseño de la web y un elemento de esta sale del contenedor principal así que se coloca sobre la imagen de fondo del body.
resumiendo , la parte que nos afecta sería así.
Código HTML:
<body>
<div class="menu">
</div>
</body>
Código HTML:
body {
background: url("../images/fondo-imagen.jpg") no-repeat fixed center center transparent;
margin: 0px;
padding: 0px;
color: #454545;
position:relative;
z-index:900;
}
.menu{
width:100%;
height:130px;
padding:0 auto;
margin: 0 auto;
z-index:-10;
background-color:#E0E0E0;
float:left;
text-align:center;
}
El mayor problema es q posicionar menú significaria rehacer casi todo el DOOM, de todas formas he provado:
position:absolute; en menu, no funciona.
position:relative; en menu, tpc funciona.
position:absolute; en body
y he convinado las 4 opciones.
Alguna idea?