Effetto gradient non considerato da Firefox

[walterdolce]

Ciao ragazzi,

ho un problema con l'effetto gradiente con css. La resa su Chrome, IExplorer e Opera è andata bene.

Firefox invece non ne vuole sapere di farla funzionare.

Vi posto il codice:

#elemento { background-image: -webkit-gradient(linear, left bottom, left top, from(#333333), to(#999999),color-stop(0.3, #333333));
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorStr='#333333', EndColorStr='#999999');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startC olorStr='#333333', EndColorStr='#999999')"; }

Come posso fare per renderlo ok anche su Firefox???

Grazie!!

[ResianTaxidrive]

e su safari funziona?

[walterdolce]

Si su safari va perfettamente...l'unico è firefox che non considera il gradient.

Sapresti darmi una mano??

[Prill]

Può esserti d'aiuto questolink ?

[walterdolce]

Si può essermi d'aiuto..grazie Prill!!!

Verifico e ti faccio sapere!!

[walterdolce]

Si può essermi d'aiuto..grazie Prill!!!

Verifico e ti faccio sapere!!

[walterdolce]

Ho verificato...no non funziona

[Prill]

Ci fai vedere cosa hai fatto? (il codice completo o un link a una tua pagina di prova?)

[walterdolce]

Purtroppo non ho nessun link perchè il sito è in lavorazione ancora.


Questo è il codice completo in CSS:

.selez_lingua { width: 150px; height:26px;
                     background-color: Green;
		     background-image: 
		     -webkit-gradient(linear, left bottom, left top, from(#333333), to(#999999),color-stop(0.3, #333333));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#999999');
                              -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#999999')";
										float:left;
										font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
										font-size: 10px;
										font-weight: bold;
										color: #ffffff;
										margin: 0px; padding:0px;
										position:relative;top:-15px;left:615px;
										border:2px ridge #ffffff;
										-webkit-border-top-left-radius:10px;
																									-webkit-border-top-right-radius:10px;
																									-webkit-border-bottom-right-radius:10px;
																									-webkit-border-bottom-left-radius:10px;
			  
			  																						-moz-border-radius-topleft:10px;
																									-moz-border-radius-topright:10px;
																									-moz-border-radius-bottomright:10px;
																									-moz-border-radius-bottomleft:10px;
			 
																									border-radius: 10px 10px 10px 10px; }

Applicalo a un div e dagli la classe.

Giuro ci sto uscendo pazzo..solo Firefox non dà l'effetto!!

[Prill]

A me con Firefox funziona perfettamente

background-image: -moz-linear-gradient(top, #333333, #999999);