Image en background

Programmation
#1

Bonsoir

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

un

elle s 'affiche comme suit:

res

mon css:

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é :

* {
        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 oriente paysage meme avec une image oriente paysage c’ est le meme soucis .

#2

Bonjour,
si ton image est incluse dans un objet qui a lui-même des limitations de format (inline ou css) ton image ne pourra pas aller à l’encontre de ce format.
le contenant imposant ses contraintes au contenu.
Cette image est mise dans un <div>, une <table> ou autre?

#3

BOnjour

non c est a l’élément body

#4

Tu n’a ps de css au niveau body qui puisse interférer?

j’ai un trou de mémoire, vh ça veut dire quoi?

#5

j’ai pas de css qui puisse interferer vh fais référence a la taille de la hauteur

#6 
<style>
body{height:100vh;
background-image:url(46c49ceee8b73606870e18fd3c213465dcba6063.jpeg);
background-repeat:no-repeat;
background-size:auto 100%;
background-position-x: center;}
</style>

tu mets ton image dans body, tu interdis le repeat, tu places sur 100% en hauteur et auto en largeur, tu centres

#7

Hello,
Je n’ai pas fait le test, mais il me semble que le problème vient de la valeur « cover » qui permet de couvrir intégralement le fond, quitte à rogner une partie de l’image. Essaie avec la valeur « contain ».
https://developer.mozilla.org/fr/docs/Web/CSS/background-size