BackGround-img
Découvrez Comment trouver et comment agit le BackGround-img
Mais c'est bien sûr
Pourquoi ?
Car mon constat est, qu'il s'agit d'une question récurrente des moussaillons.
Où
Trouver ce background. ?
Il ce cache dans le css. Il
vous
suffit de créer une class par exemple class="image" et de lui référencer l'url
de l'image à afficher en fond.
Comme ceci:
.image{}
Il ne vous
reste plus qu'à dire quoi et où chercher, en insèrent dans les accolades:
background-image: url()
le où reste à définir entre les parenthésés
Position
Il est possible maintenant de positionner de diverses manières ce
background.
Je vais essayer, moi même moussaillon sans prétentions, de
vous démontrer quelques exemples... les
annotations
dans cartes sont les valeurs donnant les rendu la class contient déjà :
background-image: url( SonUrl.png );
height: 300px
Les images
BG H.
background-size: contain;
background-position:
center;
background-repeat: no-repeat
BG H.
BG V.
background-size: contain;
background-position:
center;
background-repeat: no-repeat
BG V.
Les positions
background-size: cover;
background-position: left
BG H.
background-size: cover;
background-position: center
BG H.
background-size: cover;
background-position: right;
BG H.
background-size: cover;
background-position:
center;
background-repeat: no-repeat
BG H.
background-size: cover;
background-position: top
BG V.
background-size: contain;
background-position:
left;
background-repeat: no-repeat
BG V.
background-size: contain;
background-position:
center;
background-repeat: no-repeat
BG V.
background-size: contain;
background-position:
right;
background-repeat: no-repeat
BG V.
<img>

<img src="" alt="">
BG H.

<img style="width: 100%" src="" alt="">
BG V.