Quiero suporponer 2 divs como se muestra en el siguiente
LINK
Tengo tres capas. EL primer
div0 contiene a los otros dos
div1 y
div2.
EL codigo css es secillo:
.div0 {border: 1px solid #000;} .div1
{
background: #F00;
width: 200px;
height: 200px;
z-index: 1;
position: relative;
} .div2
{
border: 1px solid #000;
background: #FF0;
width: 200px; height: 200px;
position: relative;
top: -50; left: 100;
z-index: 2;
}
y finalmente el codigo html es muy sencillo:
Código PHP:
<body>
<div class="div0">
<div class="div1">div1</div>
<div class="div2">div2</div>
</div>
</body>
Mi objetivo es superponer el
div2 sobre el
div1; pero si se fijan bien, entre el
div2 (fondo amarillo) y el
div0 (borde negro, fondo blanco) hay una separacion. Yo se que en realidad no es una separacion, simplemente es que el
div2 esta por debajo del
div1, mas alla de que yo lo desplace con
top y
left.
Necesito que esto no pase. Que simplemente yo tenga una capa arriba de la otra y que no exista esa separacion.
No se si se entiende el problema. Se que mi explicacion no es clara, pero no se muy bien como redactarlo.
Saludos y Gracias desde ya.