Bonsoir,

J'ai cherché réponse à ma question sur plusieurs forums, appliquer des méthodes, mais je n'arrive pas à faire fonctionner mon idée.

Mon idée : à la manière du site de Tesla (étant donné que j'essaie de le refaire à l'identique pour apprendre à coder) j'aimerais faire suivre les background-image jusqu'au footer, sans jamais mettre de background color pour habiller le site.

Du coup, j'ai mis ma première background image : 

body {

background-image:url(LIEN),

background-repeat: no-repeat, 

background-size: 100%, 

}

Tout va bien, j'ai codé le début du site sans souci. J'ai donc voulu continuer mon site. Pour ça, je souhaite rajouter une image qui va venir se placer en dessous de la première image. Mais je n'y parviens pas. J'ai essayé ça en CSS :

body {

background-image:url(1ere URL), url(2eme URL);

background-repeat: no-repeat, no-repeat;

background-size: 100%, 100%;

background-position: top, bottom;

}

Mais je pense que les images se superposent, étant donné que je ne vois pas la deuxième image (qui je pense est en dessous de la première).

Il y a-t-il un moyen propre pour faire suivre les images ? Par exemple, pas mettre une deuxieme image et la déplacer jusqu'a la faire arriver en dessous de l'autre au pixel près, mais bien une balise pour les faire se suivre ?

Merci infiniment pour votre aide, je ne suis pas du genre à faire un post au moins pépin, mais la je suis vraiment bloqué.

Bonne soirée !

Bonsoir, si je comprends bien tu souhaites avoir une image de fond puis en descendant plus bas dans la page une autre image de fond?

Dans ce cas place l'image de fond, non pas sur le body mais sur une section puis pour la section suivante une autre image de fond.

Par contre si tu souhaites superposé deux images l'une sur l'autre pour le body, il faut bien évidement que les images ne soit pas de même dimension sous peine que l'une cache l'autre. Pour ce faire j'utiliserais plutôt la propriété raccourcie background comme expliqué dans le cours.