Discussion :

[Kagami]

Bonjour,
Je cherche à fixer mon background (le div avec la class 'bg') par rapport à son contenu sans position absolute pour le contenu:
Ex:

Code HTML :

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

1
2
3
4
5
6
7
8
<div class="bg">
   <div>   
         <p> .............................................................</p>
         <p> .............................................................</p>
         <p> .............................................................</p>
         <p> .............................................................</p>
  </div>
</div>

CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
.bg {
    background: url("../../assets/img/main-car.png"), url("../../assets/img/main-forest_3.jpg");
    background-repeat: no-repeat;
    background-size: 50%, cover;
    position: relative;
    background-position: right bottom, center center;
    max-width: 100%;
    max-height: 100%;
    box-shadow: inset 0em 12rem 110px #000;
}

Ce CSS ne fonctionne pas, cela donne ce rendu quand le contenu ne prend pas toute la page:


Et cela quand il y a du contenu qui dépasse la hauteur de l'écran :