Moving Position on load? (background-attachment: fixed)

Hello, When adding background-attachment: fixed to my hero image, the starting position moves when the page is loaded (see GIF below) https://gyazo.com/b957d488dfdb4ff09938272699915a65 How do I prevent this from happening? Do I need to offset my background image? Here's the rest of the CSS applied to the img (div)
.hero__img {
position: absolute;
background: url(img/char.jpg) no-repeat;
background-size: cover;
background-position: right 35% bottom 24%;
background-attachment: fixed;
width: 100%;
height: 100%;
}
.hero__img {
position: absolute;
background: url(img/char.jpg) no-repeat;
background-size: cover;
background-position: right 35% bottom 24%;
background-attachment: fixed;
width: 100%;
height: 100%;
}
This issue goes away once background-attachment: fixed; is removed Thank you
0 Replies
No replies yetBe the first to reply to this messageJoin
Want results from more Discord servers?
Add your server