Y es posible poner una imagen como background en la parte superior de la pagina, otra en la inferior y que en la transicion se muestre un back ground repetido?
Tambi?n se puede:
<div id="arriba">
</div>
<div id="enmedio">
</div>
<div id="abajo">
</div>
La propiedad para incluir una imagen de fondo es background-image, mientras que para controlar si la imagen de fondo se repite o no, se usa background-repeat que puede tomar los siguientes valores:
no-repeat -> La imagen sale s?lo una vez, no se repite.
repeat-x -> La imagen se repite s?lo en la direcci?n del eje x (horizontal)
repeat-y -> La imagen se repite s?lo en la direcci?n del eje y (vertical)
repeat -> La imagen se repite en ambas direcciones.
Adem?s tienes background-color, background-position y background-attachment(que casi no se usa porque el IE apenas la entiende y lo normal es que haga cosas rar?simas con ella).
No es necesario especificarlas separadamente, porque hay una propiedad que las reune: background.
En el CSS podr?a quedar as?:
#arriba {background: url(imagenarriba.xxx) no-repeat}
#enmedio {background: url(imagenenmedio.xxx) repeat}
#abajo {background: url(imagenabajo.xxx) repeat-x}