web-dev-qa-db-fra.com

Dégradé de fond Google Chrome

Question vraiment amateur ici - le dégradé de fond du corps ne fonctionne pas en chrome, très étrange, j'ai essayé:

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#000));

Et

background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#000));

Et

background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#000));

Tout en rien! Fonctionne dans tous les autres navigateurs ...

css3google-chromelinear-gradients
12
rickyduck

As-tu essayé:

background: -webkit-linear-gradient(#917c4d, #ffffff);

WebKit a été mis à jour pour correspondre à la syntaxe de la spécification. Vous devriez donc en avoir pour obtenir un support maximal du navigateur :

background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));
background: -webkit-linear-gradient(#917c4d, #ffffff);
background: -moz-linear-gradient(#917c4d, #ffffff);
background: -o-linear-gradient(#917c4d, #ffffff);
background: -ms-linear-gradient(#917c4d, #ffffff);
background: linear-gradient(#917c4d, #ffffff);
20
robertc

La balise à gradient linéaire CSS3 est maintenant prise en charge par tous les principaux navigateurs.

La syntaxe nécessite une variable to supplémentaire. Par conséquent, au lieu de, par exemple center top, left top etc. utilisez par exemple to top comme

background-image: linear-gradient(to top , #094F86, #4EABDB);
1
dav

Avez-vous essayé ceci:

<style>
.myawesomegradient{
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#000000));
}
</style>

Devrait fonctionner dans Safari et Chrome ...

1
David K.