fondo degradado que se repita infinitamente en mi pagina

papurri · #1 (**permalink**) 10/02/2010, 23:29

muy buenas a todos.
tengo el siguiente problema.necesito hacer un fondo degradado que se repita infinitamente en mi pagina(en sentido vertical). hasta ahora solo lo he hecho con css, pero el resultado que obtengo no me convence, ya que cuando acaba el degradado , empieza el color de fondo.
en algun lugar lei que un degradado que se repita constantemente se puede hacer con javascript

este es el codigo css que uso para que tengan una idea de que hablo

saludos a todos..

body
{
color: #333333;
background: #757575 url(fondo1.jpg) repeat-x left top;

}

landois · #2 (**permalink**) 11/02/2010, 01:50

El color de fondo debería ser igual al color en que termina el degradado, de lo contrario tendrías que hacer una imagen lo suficientemente alta para que coincida con las proporciones de tu página web.

Dado que fondo es un degradado no necesita ser muy ancha, podrías hacer una imagen de, digamos, 5 px de ancho x 1000 px de alto.

Saludos!

AndyDG · #3 (**permalink**) 11/02/2010, 04:36

prueba esto

<html>
<head>

<style type="text/css">

body {margin:0; background:#ffff}

#body {background:#222;width:100%; height:100%; filter:Alpha(Opacity=100,
FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%)}

</style>

</head>
<body>

<div id="body"></div>

</body>

</html>