Hi everyone,
I would like one of my div
to have an background-attachment: fixed
But the background still scroll 😤
This div is under html body div div div div div
and it CSS properties are
#TheDiv {
min-height: 100vh;
min-width: 100vw;
background-image: url('/anImage.jpg');
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
left: 0;
padding: 40px;
box-sizing: border-box }
Any Ideas, what could cause the background to scroll anyway ?
Thanks
You must log in or # to comment.
Can you provide a live test version, like in codepen or something?
I think I found the cause.
one of the parent
div
have is propertiesperspective
and it seem to be the problem… (Firefox 115*)So I created an dirty workaround ;)