[CSS 3] -moz-linear-gradient et ajout d'une image en repeat [Résolu]

[Argetloum]

Bonjour à tous,
Je me mets depuis peu au css3, et me retrouve face à un problème:
Je souhaite appliquer un dégradé comme background, et à la fois afficher une petite image que je répète en X. Le dégradé s'affiche, mais pas l'image :/.

Je vous présente le css:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
body{
	background: #cfb091 url("../images/musicNotes.png") repeat-x top left;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.35, rgb(207,176,145)),
	    color-stop(0.69, rgb(158,127,97))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(207,176,145) 35%,
	    rgb(158,127,97) 69%
	);
	font-family: "calibri";
	margin: 0; 
	padding:0; 
	color:black;  
	line-height: 1.4em;
}

Merci d'avance pour l'aide que vous pourriez m'apporter .

[ornitho13]

combine tes propriété css, tu auras moins de problèmes :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
body{
	background: #cfb091 url("../images/musicNotes.png") repeat-x top left,
	-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.35, rgb(207,176,145)),
	    color-stop(0.69, rgb(158,127,97))
	),
	-moz-linear-gradient(
	    center bottom,
	    rgb(207,176,145) 35%,
	    rgb(158,127,97) 69%
	);
	font-family: "calibri";
	margin: 0; 
	padding:0; 
	color:black;  
	line-height: 1.4em;
}

tu remarqueras que j'ai mis une virgule entre les valeurs de la propriété de background pour combiner image de fond et gradient.

voici un lien utile :
http://debray-jerome.developpez.com/...ounds-en-css3/

[Argetloum]

Ah PARFAIT ! =)

Merci pour tout !