Image s'adapte à l'écran

AcriX
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

Axel - Valkyri0s
Réponse acceptée

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

1ud0v1c

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

Skyz0h

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;
}
AcriX
Auteur

Super, merci a vous trois. Probleme resolu.