Cita:
Iniciado por pollobolo como q llegue tarde a la pregunta
pero aki esta la solucion para los q andan buscando todavia
<div style="color: white; padding: 12px; background: -moz-linear-gradient(center top , rgb(59, 103, 158) 0%, rgb(43, 136, 217) 50%, rgb(32, 124, 202) 51%, rgb(125, 185, 232) 100%)
;">Pollobolo</div>
Logicamente, solo va a funcionar en mozilla firefox.
Cita: -moz-linear-gradient(center top , rgb(59, 103, 158) 0%, rgb(43, 136, 217) 50%, rgb(32, 124, 202) 51%, rgb(125, 185, 232) 100%)
__________________________________________________ _______________________
Cita:
Iniciado por luisa_114 cuando se utilizan en un fondo y la resolución es muy grande se repite, y queda muy feo.
Y yo concuerdo con otros compañeros, con la imagen de 1px, es más que suficiente, con una imagen de 1px, no se notara la diferencia que se repita en x o y (depende como este la imagen).
Otra cosa, si no quereis que se repita y abarque el 100% de la pantalla, sin que se repita si es mas grande el monitor, puedes hacer poniendo la imagen con el tag <img> al principio de tu body y con estilos CSS agregas esto.
hay muchas maneras, no veo por que usar javascript.