Ok so I have watched tons of videos and get it, mostly. Still I have an issue doing something so basic.
I want a full page BG image. I can make it an image in the “body” but I don’t seem to have scroll abilities (overflow checked to visible, and “scroll checked” - still can’t get it to work. Even tried setting height to 110%).
Alternatively I can use a Div block in the body, and throw an image inside of it. That gives me scroll ability. However, then I seem to have difficulty positioning (layering) other elements on top of it (like other images, or text). If I use sections it pushes the Div down. Then I find myself using crazy margins to place things and I know that is not correct.
I’m fairly certain it’s my hierarchy of containers. I’ve had success with layout until I try and put one large scrollable BG image in “under” all the other stuff. Recommendations to specific videos or suggestions (is there a “z index” component I need?
I mocked up a page “6” to illustrate. I do have the image on the body section but it is toggled off (the blue iceberg image). Oh, and on page 5 I did manage, but I used crazy margins to do it…
Thanks, that’s an idea and I just started to play with that. What I was looking for though, was to be able to scroll down that background image (it setup to be pretty long) to get to more content on the lower part of the image.
In hindsight after playing with it a few hours I think I need to do this. Put the berg image in a a container, in a section over the body. Set the section, and container to auto/auto for size, with scroll checked. Then I can put DIV’s in that and use relative to float above the iceberg image and still be able to scroll down the long page.
It make sense to me using many sections stacked to get the long page. The challenge was trying to do it with one super long image.
Then I think it would work better if you added it as a bg image of a wrapper, then you should be able to add your sections & content inside without it all being pushed around by the image.