Foros del Web » Creando para Internet » HTML »

fondo degradado que se repita infinitamente en mi pagina

Estas en el tema de fondo degradado que se repita infinitamente en mi pagina en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/02/2010, 23:29
 
Fecha de Ingreso: agosto-2008
Ubicación: Frente al pc
Mensajes: 71
Antigüedad: 9 años, 3 meses
Puntos: 2
fondo degradado que se repita infinitamente en mi pagina

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;


}
  #2 (permalink)  
Antiguo 11/02/2010, 01:50
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: fondo degradado que se repita infinitamente en mi pagina

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!

Última edición por roc2107; 11/02/2010 a las 13:22
  #3 (permalink)  
Antiguo 11/02/2010, 04:36
Avatar de AndyDG  
Fecha de Ingreso: septiembre-2006
Ubicación: Granada España
Mensajes: 187
Antigüedad: 11 años, 2 meses
Puntos: 16
Respuesta: fondo degradado que se repita infinitamente en mi pagina

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>
__________________
Saber y Saber Hacer

Etiquetas: degradado, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:08.