Comment mettre 2 background-image ?

**watcha_watcha** · 05/03/2016, 14h33

Bonjour,

Je vais poser une question qui va certainement paraitre stupide, mais bon...
J'aimerai intégrer sur mon site un dégradé en haut et en bas de mes pages. J'ai donc rajouté sur ma feuille de style les lignes suivantes (en rouge) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
body
{
    font-family: Arial, Helvetica, sans-serif;    
    font-size: 12px;
    margin:0;
    padding:0;
    background-image: url(images/fond_haut.jpg);
    background-position:top left;
    background-repeat:repeat-x;
    background-color: #292a34;
    color:#fff;
}

Du coup j'ai un dégradé sur le haut de ma page, j'aimerai donc refaire la même chose pour le bas, mais si je rajoute ça (en bleu) :

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
body
{
    font-family: Arial, Helvetica, sans-serif;    
    font-size: 12px;
    margin:0;
    padding:0;
    background-image: url(images/fond_haut.jpg);
    background-position:top left;
    background-repeat:repeat-x;
    background-color: #292a34;    
    background-image:url(images/fond_bas.jpg);    
    background-position:bottom left;
    background-repeat:repeat-x;
    color:#fff;
}

Je me retrouve avec un dégradé en bas de page mais plus rien en haut ??? Comment je peux faire pour avoir 2 images dans mon background ??

Merci d'avance pour votre aide !