Фоновое вложение HTML: исправлено. Фон закрывается после прокрутки ⇐ CSS

[Anonymous]

I'm basically trying to create a background image whereby it will stay fixed in position forever. However, it seems that if the div internally has too much content and I scroll down, the image still does stay fixed but will become "covered" the more I scroll down.

View at the very top of the page looks totally fine After scrolling down a little, the background starts to get covered (you can see the image is still fixed in position)

Code snippet is as below. I've added loads of new lines in the inner div to show the problem

Bootstrap 4 Example html, body { height: 100%; margin: 0; } .bg{ height: inherit; background-image: url("images/background.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } My First Bootstrap Page This is some text.

This is some text.

This is some text.

LOL

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.

This is some text.


Источник: https://stackoverflow.com/questions/516 ... r-scrollin