Create a page scroll over banner effect

Question

I came across this awesome effect on a site where the content slides over the banner image but the nav stays put? and I was wondering how would I go about achieving this?

http://www.paulbird.co

Thanks George

Answer 1

as i said in the comments you need to set the z-index properly. one positive, one negative and one zero should work. here is the fiddle. http://jsfiddle.net/btevfik/KVVfj/

Answer 2

You can use poistion:fixed

You can also keep one element above others by specifying z-Index which should be greater than other elements.

z-Index:1000