linear-gradient

falkon765 · #1 (**permalink**) 02/07/2014, 19:05

hola estoy tratando de hacerle una degrades al fondo de mi pagina y me funciona,
el problema es cuando alejo mi pagina , lo dejo en 25% y se repite el fondo como 3 veces y se ve raro. alguna solucion?

Código CSS:

Ver originalbody
{    
background: linear-gradient(#ccc,#333);
    background: -webkit-linear-gradient(#ccc,#333);
    background: -moz-linear-gradient(#ccc,#333);
    background: -o-linear-gradient(#ccc,#333);
    background: -ms-linear-gradient(#ccc,#333);
}

sekafry · #2 (**permalink**) 03/07/2014, 02:59

con los datos que das no se puede saber donde puede estar el problema, tendrías que mostrar otros CSS que le tengas aplicados al BODY al menos.
Te dejo un ejemplo con el cual no da problemas y le metes lo que te falla.

Código HTML:

<html><head><style>
body
{    
background: linear-gradient(#ccc,#333);
    background: -webkit-linear-gradient(#ccc,#333);
    background: -moz-linear-gradient(#ccc,#333);
    background: -o-linear-gradient(#ccc,#333);
    background: -ms-linear-gradient(#ccc,#333);
}
</style></head><body></body></html>

pzin · #3 (**permalink**) 04/07/2014, 00:37

Seguramente body no cubre todo el alto. Prueba con:

Código CSS:

Ver originalhtml {
  height: 100%;
}
 
body {
  min-height: 100%;
}