Image s'adapte à l'écran

Par AcriX, il y a 11 ans

Les bases HTML/CSS

Bonsoir,

Je voudrais savoir comment je pourrais créer un site web avec a chaque fois l'image de fond qui s'adapte à la résolution de l'écran.

Je m'explique, regarder ce site: , regarder seulement la première partie avec un fond turquoise. En fait je voudrais faire, un fond qui s'adapte à la résolution de l'écran et de même pour les sections précises (ce qui n'est pas le cas sur cool-farm). Je pense que cela se fait en CSS mais je suis pas sur et je trouve aucun tuto et je ne connais pas le nom de cet technique donc si vous pourriez m'aider ca serait génial !

Merci de votre aide.

AcriX

4 réponses

Skyz0h, il y a 11 ans

Quelque chose comme ça ?

<!-- file: index.html --> <!DOCTYPE html> <html> <head><!-- [...] --></head> <body><!-- [...] --></body> </html> // file: style.css html, body { margin: 0 auto; padding: 0; background: url("images/background.png") top center / cover; }
Axel - Valkyri0s, il y a 11 ans

Je me suis déà posé cette question.
Voici le post que j'avais fais et qui fonctionnais.

1ud0v1c, il y a 11 ans

Salut,
Regarde du côté de la propriété background: cover !
Voilou !

AcriX, il y a 11 ans

Super, merci a vous trois. Probleme resolu.