[Solved] Full un-fixed background image on open

[modiophile]

How do I apply a full background image so it spans the entirety of the viewport ONLY on open, whereby once the user starts scrolling they the background no longer covers their viewport. see http://qideas.org/ for example.

I’m familiar with full fixed background images applied to the body element, however this is different since I do not want a fixed background.

Thanks!

[modiophile]

Hmmm I don’t think using absolutely position divs is the key. You still have to give them explicit dimensions. I can’t figure it out using the inspector, thus my question.

[modiophile]

Thanks Paulie that was it! Interesting that height: 100% translates to whatever the height of the viewport is.

[modiophile]

The only issue I am running into now, is that the absolute background image is now covering content proceeding it despite putting display: block, and overflow: auto on all blocks.

[Author]

Posts