Discussion :

[labarre2002]

Bonsoir

J’ai mis une image en background sur une page
en l’occurrence:




resultat:




mon css

Code css :

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

1
2
3
background: url("assets/jet.jpg") center/cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

que dois je faire pour que mon image s affiche intégralement ?
sur un forum il m’ a été suggeré :

Code css :

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

1
2
3
4
5
6
7
8
9
* {
        margin: 0;
    }
    .img {
        background: url("./ron-lach.jpg");
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
    }

ca marche pas certain m ont fait remarquer que le soucis est du au fait que l image ci-dessus est orienté portrait et que mon espace est orienté paysage meme avec une image orienté paysage c’ est le meme soucis .c-a-d que mon image ne s'affiche pas intégralement.

[lemra]

Bonjour,

Code css :

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

1
2
3
4
5
body  {	
background-image: url("img/2.jpg");
background-repeat: no-repeat;
background-size: cover;
}

[labarre2002]

Merci pour ton message mais ca resoud pas mon probleme

[Archimède]

Salut ,

Code CSS :

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

1
2
3
4
5
6
7
8
 
body {
          background: url("assets/jet.jpg");
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-size: contain;
          background-position: center;
}

[labarre2002]

Merci Archimède


probleme reglé.