Recabamos por diferentes espacios para mostrarte la solución a tu dilema, en caso de dificultades deja la duda y te responderemos con mucho gusto.
Solución:
Agregar z-index:-1
y position:relative
satisfacer
#header
background: url(http://placehold.it/420x160) center top no-repeat;
#header-inner
background: url(http://placekitten.com/150/200) right top no-repeat;
.logo-class
height: 128px;
.content
margin-left: auto;
margin-right: auto;
table-layout: fixed;
border-collapse: collapse;
z-index: -1;
position:relative;
.td-main
text-align: center;
padding: 80px 10px 80px 10px;
border: 1px solid #A02422;
background: #ABABAB;
text
text
text
Nota: el índice z solo funciona en elementos posicionados (position:absolute
, position:relative
o position:fixed
). Usa uno de esos.
En mi caso, tuve que mover el código html del elemento que quería al frente al final del archivo html, porque si un elemento tiene índice z y el otro no tiene índice z, no funciona.
Valoraciones y comentarios
Recuerda algo, que tienes autorización de valorar esta crónica .
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)