Radient firefox

Résolu
Templier Nocturne Messages postés 9989 Statut Membre -  
animostab Messages postés 3003 Statut Membre -
Bonjour,

Je suis en train de développer un site, et j'ai un petit problème pour définir mon background avec firefox.

Voici mon code :
background: linear-gradient( 
#ccc6c3 0%,
#828c95 24%,
#000000 41%,
#7f7f7f 100%)

Voici ce que ça donne sous firefox : http://img15.hostingpics.net/pics/764204css.png

Sous les autres navigateurs, j'ai le résultat voulu :/

Est-ce un problème de frefox, ou seulement un problème de MON firefox ? :/

Merci d'avance :)
A voir également:

1 réponse

animostab Messages postés 3003 Statut Membre 738
 
tu as une position de départ non déclarée

va voir ici (en plus tu peux générer ton code)
https://www.colorzilla.com/gradient-editor/


pense aussi aux ancien navigateurs (ie8 pour ceux qui sont sous xp etc )
0
Templier Nocturne Messages postés 9989 Statut Membre 1 107
 
Salut, merci de ta réponse =)

j'ai essayé avec :
background: radial-gradient(ellipse at center, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%)
, mais sans réel succès :/

J'ai toujours les zébrures qui n'appairassent que dans Firefox :/

Pour la rétro compatibilité, ce n'est pas vraiment une priorité, mais j'y jetterais un oeil ;)
0
animostab Messages postés 3003 Statut Membre 738
 
essaie comme ca dans ton css

html {
height:100%;
background: radial-gradient(ellipse at center, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);}

et tu auras une belle éllipse sur toute la page
0
animostab Messages postés 3003 Statut Membre 738
 
ca le fait pas dans safari donc rajoute dans html {}

background: -webkit-radial-gradient( #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100% );
0
Templier Nocturne Messages postés 9989 Statut Membre 1 107
 
Ah ! Là ça marche vachement mieux =)

Merci beaucoup pour ton aide =)
0
animostab Messages postés 3003 Statut Membre 738
 
pas de quoi
0