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

J'ai des problèmes pour afficher un dégradé linéaire dans Safari et Chrome. Dans Firefox, il se montre bien.Dégradé linéaire dans les navigateurs Chrome et Safari

Je suis en train:

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;

Merci pour votre aide.

Source

2012-07-27 codelove

Essayez ceci - http://jsfiddle.net/fwkgM/1/

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

CSS3 Please

Source

2012-07-27 18:30:23

vérifié que cela fonctionne dans Chrome. :) –

J'ai supprimé '-image' et fonctionne toujours, alors pourquoi l'avez-vous ajouté? –

Je pense qu'il l'a fait parce qu'il sépare l'image d'arrière-plan de la couleur de fond. Si 'background-image' fait référence à une URL qui n'est pas accessible, l'arrière-plan retombera toujours dans' background-color' par défaut. Dans ce cas, vous avez trouvé que changer 'background-image' à juste' background' fonctionne toujours, ce qui est juste la preuve qu'il y a plus d'une façon d'habiller un chat. – JMD

Vous pouvez aussi essayer ceci:

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

Il est un très bon générateur de gradient de CSS3. Cela a bien fonctionné pour moi. J'espère que cela vous aide aussi! : D

Source

2012-07-28 06:20:58 Rega

Cet éditeur de dégradé est génial. Est-ce que je néglige un moyen de spécifier les couleurs en utilisant les noms de couleurs CSS standard? Par exemple. lightslategray, et al. Je peux facilement rechercher et remplacer dans le dégradé CSS pour passer rgba (xyza) avec les noms que je veux, mais les données SVG IE9 générées sont pré-générées. – JMD

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

Source

2014-07-12 18:30:27

Pour la compatibilité Cross navigateur essayez les 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 */

Source

2016-01-13 06:46:51 kay

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

Répondre

Questions connexes