Question

The website I’m building features a large background header image with a transparent fixed navigation bar on top. View it here: http://www.bedriftsdesign.no

Right now when you scroll the content scrolls over the header image just as planned, but when it reaches the navigation bar, I’d like it to disappear under the content, the same way the header background does, but it stays on top. To see the effect I’m trying to get, take a look here: http://www.googleventures.com/

Any idea on how to solve this? I’ve tried messing about with the z-indexes with no result yet.
Would be really grateful for some help.

Answer 1

Add to your <feature> tag that holds all the content, the following css:

feature{
  position:relative;
  z-index:10;
}