leifg · November 10, 2012 17:22 · leifg · Nov 10, 2012
diff --git a/index.html b/index.html
 <!-- should always be on top -->
 <div class="wrapper">  
  <div class="overlay">
    overlay
  </div>
 </div>

 <!-- should always be in the back -->
 <div class="main">
  main
 </div>
diff --git a/style.css b/style.css
 .main {
  display: block;
  top: 50px;
  background-color: green;
  width: 800px;
  height: 200px;
  position: relative;
  z-index: 1;
 }

 .wrapper {
  position: fixed;
 }

 .overlay {
  left: 200px;
  background-color: blue;
  width: 200px;
  height: 500px;
  z-index: 1000;
  position: absolute;
 }