Gradiente lineare nei browser Chrome e Safari

Ho difficoltà a mostrare un gradiente lineare in Safari e Chrome. In Firefox si presenta bene.Gradiente lineare nei browser Chrome e Safari

sto provando:

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;

Grazie per il vostro aiuto.

fonte

2012-07-27 codelove

Prova questo - http://jsfiddle.net/fwkgM/1/

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

CSS3 Please

fonte

2012-07-27 18:30:23

verificato che questo funziona in Chrome. :) –

Ho rimosso '-image' e funziona ancora, quindi perché l'hai aggiunto? –

Penso che l'abbia fatto perché separa l'immagine di sfondo dal colore di sfondo. Se 'background-image' si riferisce a un url non accessibile, lo sfondo tornerà ancora al' background-color' come predefinito. In questo caso, hai scoperto che cambiare 'background-image' a solo' background funziona ancora, che è solo la prova che c'è più di un modo per skinare un gatto. – JMD

si può anche provare questo:

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

E 'un buon generatore di CSS3 gradiente. Ha funzionato bene per me. Spero che ti aiuti anche tu! : D

fonte

2012-07-28 06:20:58 Rega

Questo editor di sfumature è ottimo. Sto trascurando un modo per specificare i colori usando i nomi dei colori CSS standard? Per esempio. lightslategray, et al. Posso facilmente cercare e sostituire il CSS sfumato risultante per cambiare rgba (xyza) con i nomi che voglio, ma i dati SVG generati di IE9 sono pre-generati. – JMD

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

fonte

2014-07-12 18:30:27

Per la compatibilità del browser Croce provare le seguenti

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 */

fonte

2016-01-13 06:46:51 kay

Gradiente lineare nei browser Chrome e Safari

risposta

Problemi correlati