March 21st, 2013, 12:51 AM
Thanks in advance for any help. I was hoping to create a site (and to test my abilities), and I was hoping someone could help me with this technique that I hope to implement.
The best I can describe it is when a portion of the background is static and the page moves "over" it.
I can't post links yet, but hopefully I don't get flamed for this haha. Here's a good example:
If anyone can direct me in the right place, I'd be most appreciative.
March 21st, 2013, 08:39 AM
If you just want the background to be static, in the CSS you can use background-attachment: fixed. In the case you site above, it's not just a background, but an element with text inside it. In that case they're using position: fixed on that element and layering the other elements on top of it. You can do that by setting the other elements to position: relative and giving them a z-index.
March 21st, 2013, 12:31 PM
Thanks for the reply!
Just to clarify, the "calm" element inside is fixed while all the other layers are moving around it right?
March 21st, 2013, 12:52 PM