Fondo con degradado

Mario19_86 · #1 (**permalink**) 29/12/2008, 07:04

Hola a todos, necesito que alguien me eche una mano, estoy haciendo unos html y queria aplicarles un degrado de fondo, en la css en el body pongo esto:

body.degradado{
filter: progid:DXImageTransform.Microsoft.Gradient(endColo rstr='#606060', startColorstr='#000000', gradientType='0');
}

El problema es que esto es 100% Internet Explorer porque tira de la libreria DirectX de Microsoft, me gustaria conseguir el mismo efecto, se puede hacer mediante una imagen y mentiendole un repeat-x. Pero existe alguna otra forma de hacerlo, hay alguna manera tocando al alpha channel o algo asi??

DragonX · #2 (**permalink**) 29/12/2008, 07:10

porque no haces una imagen de 2px de ancho por Npx de alto con el degrsade que queres y a tu CSS le pones lo siguiente:

Cita:

body{
backgrounsd:#fff url(tu_imagen.jpg) repeat-x;
}

Aresillo · #3 (**permalink**) 29/12/2008, 07:10

Porqué no lo quieres hacer con una imagen que se repita en x??

Aresillo!!

DragonX · #4 (**permalink**) 29/12/2008, 07:11

terrible choque!!!!!!

Aresillo · #5 (**permalink**) 29/12/2008, 07:11

En el mismo minuto!!!

Si es que estamos sincronizados!

Aresillo!!

Aresillo · #6 (**permalink**) 29/12/2008, 07:11

Doble choque!!!

Aresillo!!

DragonX · #7 (**permalink**) 29/12/2008, 07:11

jajajajaja no la podes creer!!! segundo choque!!!!!!!!

DragonX · #8 (**permalink**) 29/12/2008, 07:12

juaaaaaaaaaaaaaaaaaaaaaaaaaaaa!!!!!!!!!!!!!!!!!
basta Aresillo no escribo mas!!!!!!!!

Aresillo · #9 (**permalink**) 29/12/2008, 07:12

Qué fuerte! Tres choques seguidos!!

Aresillo!!

Aresillo · #10 (**permalink**) 29/12/2008, 07:13

Otra vez!!!

jajajajaj

Aresillo!!

Mario19_86 · #11 (**permalink**) 29/12/2008, 07:19

Pues porque si varia la resolucion del usuario y la imagen no es lo suficientemente larga, se queda a medias o no??

DragonX · #12 (**permalink**) 29/12/2008, 07:24

no para nada, supongamos que tu degrade va de rojo a azul. bien todo el fondo de tu pagina será azul y la img con degrade va por arriba, cuando esta img se corte lo que muestra de fondo es el mismo fondo de la pagina, por ende tu img empezará en rojo y terminará en azul al igual que tu fondo, me explicop o me enrosque???

Aresillo · #13 (**permalink**) 29/12/2008, 07:30

Por ejemplo, en esta web que hice para una competencia, hay un degradado como el que quieres en las cajas de la derecha.
Degrada de gris a blanco y el color de fondo por tanto será blanco.
Esta es la imagen que se repite en x

Este el código:
.caja {
background:#FFFFFF url(imagenes/fondocajalargo.jpg) repeat-x ;}

Y esta la web:
Mecánica F1

Un saludo!!

Aresillo!!