Buenas tardes a todos:
Tengo dos imágenes de las cuales una es más grande que la otra y se
solapa con la pequeña. Este es el HTML asociado a dichas imágenes:
<div id="logo" class="span-4">
<a href="index.php"><img src="/images/logo.gif"></a>
</div>
<div id="main-container" class="span-24 last">
<div id="tina" class="span-12">
<a href="order.php"><img src="/images/content/order-now.jpg"
alt="Order Now" /></a>
</div>
He intentado poniendo un z-index "inmenso" al div#logo y un z-index
"pequeño" al div#tina pero aún así se me sigue solapando la imagen
grande sobre la pequeña. Los CSS asociados son los siguientes:
div#logo {
height:115px;
overflow: auto;
z-index: 1000;
}
div#tina {
background: url(../images/content/tina-grande.jpg) no-repeat right top;
margin-top:-56px;
margin-right: 0px;
height: 570px;
z-index: -1000;
}
¿Alguna ayuda? ¿Sugerencias?
--
Saludos
ReynierPM
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
