title: Css Z-index Under and Over
body: <p>I have a navigation div fixed to the top of the screen, at the top of my page I have a div that takes up the whole screen. </p>
  
  <p>I made the nav div have a z-index of -1, and my div at the top have a z-index of 1. So My nav goes under the div. But then when you scroll down I have another div with a z-index of -2, but my nav still goes under it. Can anyone tell me how to make a fixed nav go under the first element and go over the second?</p>
  
  <p>Hope I made it clear what I was asking and my explanation.</p>