I have read literally EVERYTHING on google on how to overlay images. But they all are just 2 Images. I am making a game where you can catch creatures, I have my link to my game here:
http://www.developlucca.com/FeatureQuest/app.html
The game works fine. It's just the images just make the page bigger and longer. The page loads with nothing but a person, just wait, creatures will appear and make the page scroll. Please HELP!
You need to set those images to position: absolute
and also set the container (#main-content
) to position: relative
.
Then you can set position of each image via top/left/right/bottom
properties.
More about CSS positioning on MDN:
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments