Radient firefox

Résolu
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 :)

1 réponse

  1. 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 )
    1. 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 ;)
    2. 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
    3. ca le fait pas dans safari donc rajoute dans html {}

      background: -webkit-radial-gradient( #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100% );
    4. Ah ! Là ça marche vachement mieux =)

      Merci beaucoup pour ton aide =)
    5. pas de quoi