Fondo de degradado CSS3

¿Es correcto aplicar un fondo degradado al cuerpo desde un tono claro de gris a blanco de abajo hacia arriba?Fondo de degradado CSS3

body { 
    background: -webkit-gradient(linear, bottom, top, from(#e7e7e7, to(#ffffff)); 
}

Fuente

2012-07-30 Alex

muestra blanco liso y yo usando la última versión de Chrome: O – Alex

DEMO para apoyar todos los navegadores capaces

body { 
    background-color: #ffffff; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999)); 
    background-image: -webkit-linear-gradient(top, #ffffff, #999999); 
    background-image: -moz-linear-gradient(top, #ffffff, #999999); 
    background-image:  -o-linear-gradient(top, #ffffff, #999999); 
    background-image:   linear-gradient(to bottom, #ffffff, #999999); 
}

CSS3 Please podría ser útil

Fuente

2012-07-30 10:01:08

hola ¿por qué necesita establecer la altura al 100%? funciona, de hecho, mi navegador podría siplay bloques de degradado y no la página completa ... – Alex

le muestra bloques de gradiente porque tiene algún contenido en la página. Si está vacío (como en JSFIddle), entonces no muestra BG http://jsfiddle.net/WbHCd/1/. Lo he agregado solo para mostrar que funciona. –

OK gracias por su ayuda – Alex

Para la solución de Zoltan, también se puede añadir:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999');

para apoyar más viejos navegadores IE.

Fuente

2013-08-22 13:58:16

Y luego debe asegurarse de quitar el filtro para algunos navegadores más antiguos, como IE9. – SergioL

Respuesta

Cuestiones relacionadas