CSS positioning with scrollable full size images

[macbee]

I’m new here and I hope someone can help me.

I’ve seen this site and wondered if anybody could help to make that in CSS. I have a header and underneath a Container wiith the content. What I don’t get is how to tell the Image to always fill the screen even after resizing the window and how to tell the content to show as soon as you scroll.

Resize the Window in height and in width and scroll, to see what I mean. I would be grateful for any help.

cheers and TIA

the sample page I’m talking about is:

http://www.alpenhof.co.at/

[Paulie_D]

You can inspect that site using Developer Tools to see what is going on.

Start from there and try to work it out building it from the ground up…perhaps in Codepen.io

[macbee]

Thats what i tried, but somehow I can’t get any further. What I managed is, that the picture. This is what I tried and I copied a part into Codepen.

http://codepen.io/anon/pen/DpFtb

[Author]

Posts