Dégradé linéaire dans les navigateurs Chrome et Safari

Je vais avoir de la difficulté à montrer un dégradé linéaire dans Safari et Chrome. Dans Firefox, il montre bien.

Je suis en train d'essayer:

background: -webkit-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;   
background:    -moz-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;
background:     -ms-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;
background:      -o-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;

Vous remercie pour votre aide.

source d'informationauteur codelove

  1. 31

    Essayer ce - http://jsfiddle.net/fwkgM/1/

      background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #9e9e9e, #454545);

    CSS3 Veuillez

  2. 6

    Vous pouvez aussi essayer ceci:

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

    C'est une très bonne CSS3 générateur de gradient. Il a bien fonctionné pour moi. Espérons qu'il vous aide aussi! 😀

  3. 1
    background: -webkit-linear-gradient(left,transparent,black 50%,transparent); /* worked for me*/
  4. 1

    Pour la compatibilité du navigateur, essayez les opérations suivantes

    background-color: #9e9e9e; /* fallback color if gradients are not supported */
background-image: -webkit-linear-gradient(bottom, rgb(213,12,18), #9e9e9e 40%); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
background-image:    -moz-linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* For Firefox (3.6 to 15) */
background-image:      -o-linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* Standard syntax; must be last */