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; }
position:absolute; en menu, no funciona.
position:relative; en menu, tpc funciona.
position:absolute; en body
y he convinado las 4 opciones.
Alguna idea?