Discussion :

[Lucky062]

Bonjour à tous,

J'ai repris le code d'un menu comportant des effets de dégradé de couleurs pour mon intranet.
Lorsque je le teste au travail, il fonctionne correctement sur FF version 19 (j'obtiens bien un dégradé bleu avec "background-color: #E0F2F7 ;") et quand je le teste chez moi avec FF 20 je n'obtiens qu'un dégradé de gris !

Aurais je commis une erreur quelque part ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
	#menu {
		width: 1112px;
		margin: 60px auto;
		border: 1px solid #222;
		background-color:  #E0F2F7 ; /* #0404B4 */
		background-image: -moz-linear-gradient(#A9E2F3, #0404B4); /* #444, #111*/
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}

Merci d'avance pour votre aide !

[Bovino]

Probablement parce que la version 20 reconnait la propriété non préfixée, ce qui fait que pour la version 19, c'est la ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-image: -moz-linear-gradient(#A9E2F3, #0404B4); /* #444, #111*/

qui est prise en compte et pour la version 20, c'est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-image: linear-gradient(#444, #111);

[Lucky062]

Bonjour à tous,

Merci Bovino pour ta réponse rapide. Je vais essayer !

Comment faire si quelqu'un remet à jour son FF ? Je ne pourrai pas utiliser le même css dans les deux cas !
Existe-t-il un moyen de déterminer la version de FF pour un css ?

Merci encore pour ton aide (je ne suis qu'un amateur !!)

[NoSmoking]

Bonjour,

Comment faire si quelqu'un remet à jour son FF ?

Il te faut mettre la propriété non préfixée en dernier, tout comme tu as fait, comme cela tu as la garantie que le navigateur affectera la dernière propriété rencontrée, si reconnue bien sûr.

Il est important dans ton cas que les valeurs soient les mêmes pour avoir le même effet visuel.

[Lucky062]

Bonjour NoSmoking, bonjour Bovino,

Un grand merci pour votre aide !!
Cela marche impéccablement

Bon week end