Tengo este codigo
HTML:
Código:
<div class="center">
<div class="bottom">
<div class="top">
</div>
</div>
</div>
CSS:
Código:
.top
{
background-image:url("../img/top.png");
background-position: top;
background-repeat: no-repeat;
}
.bottom
{
background-image:url("../img/bottom.png");
background-position: bottom;
background-repeat: no-repeat;
}
.center
{
background-image:url("../img/center.png");
background-repeat: repeat-y;
}
Mi problema esta en que las imagenes de background tienen transparencias y eso hace que a traves del div top y el div bottom se vea el background del div center que se repite en todo el div.
Lo que quiero saber es si existe alguna forma de utilizar el background-position para hacer que el fondo del div center empiece cuando acaba el top y termine justo antes de que empiece el bottom, o si hay alguna otra forma de hacer esto.