Bootstrap4: Scroll æder baggrundsbillede
Indenfor rammerne af Bootstrap 4 har jeg følgende 2 lokale selektorer:body, html {
height: 100%;
}
.bg-img {
background-image: url("billeder/billednavn.png ");
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
og følgende HTML:
<body>
<div class="container-fluid bg-img"> <!-- Baggrundsbillede fuld skærm -->
<div class="container">
diverse html
</div> <!-- container slut -->
</div> <!-- baggrundsbillede slut-->
diverse js-links
</body>
Baggrundsbilledet vises og fastholdes perfekt i hele skærmens fulde bredde og højde - testet på flere skærme >1200px..
Ved scroll nedover siden "ædes" baggrundsbilledet imidlertid nedefra i takt med scroll af hvid baggrund i hele skærmens bredde.
Hvordan kan jeg fastholde baggrundsbilledet og undgå, at det bliver "ædt"?
