CSS3 : bug des dégradés

Salut à tous,

j'essaye de faire un fond dégradé à mon site, mais à chaque fois, ça bug...

body {
 background: radial-gradient(center, rgb(0, 0, 225) 0%, rgb(0, 0, 0) 100%);
}

mon site présente alors un fond blanc --'

si on pouvait m'aider

merci

Bonjour,
Et en ajoutant les préfixes prioritaires ?
-moz-radial-gradient
-webkit-radial-gradient
-o-radial-gradient

non, avec aucun des trois --'

Pour t'aider :

http://www.colorzilla.com/gradient-editor/

Un outil en ligne qui génère le CSS avec les fix pour IE et tout et tout .

Bonjour,

il manque pas mal de choses dans ta syntaxe, notamment la forme : tu peux utiliser ceci pour t'aider.

Chez moi ton code fonctionne en rajoutant le petit préfixe...
http://jsbin.com/iquwez/1/edit

Ten > Il utilise bien la fonction radial-gradient :o A moins que tu ne parles pas de la forme du dégradé ?
Modifié par Gothor (01 Aug 2012 - 13:15)

Merci SuperMerguez ( il viens d'où ce pseudo ? lol )

Merci aussi à tous ceux qui on essayé de m'aider, malheureusement aucune de vos réponses n'a fonctionnée.

Grâce à l'éditeur, j'ai enfin trouvé, et il a fallu que je mette le code pour " Chrome10+ ".

ceci dit, les visiteurs de mon site qui n'utilisent pas chrome en 10.0 ou plus verront-ils le fond dégradé ?

si oui alors pas de problèmes.

si non ? dois-je rentrer tous les codes pour que la texture de fond soit compatible avec tout le monde (ou presque) ? si oui, comment je les rentres (d'un point de vue syntaxique) ?

merci d'avance.

totof
Modifié par thetotof83 (01 Aug 2012 - 18:12)

Si tu va sur le site donné par @SuperMerguez tu aura TOUT les codes à mettre dans ta feuille de style ! Tu copie ce que ça te donne et tu le colle où tu veut

SuperMerguez a écrit :
http://www.colorzilla.com/gradient-editor/

Pour : les vieux navigateur, FF3.6+, Chrome,Safari4+, Chrome10+,Safari5.1+, Opera 11.10+, IE10+, W3C & IE6-9