title: Why does z-index needs large numbers?
body: <p>Following my <a href="https://stackoverflow.com/questions/33937946/bootstrap-and-css-layering/33944534#33944534">previous question</a>, it seems that I had to use <code>z-index</code> with large numbers to get the desired result while in w3schools or any other website I've seen uses smaller numbers as each step defines a new layer as you can see <a href="http://www.w3.org/wiki/CSS/Properties/z-index" rel="nofollow noreferrer">here</a>. Or here:
  <a href="https://i.stack.imgur.com/pOT4w.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pOT4w.jpg" alt="enter image description here"></a></p>
  
  <p>Any idea why this example works only when the steps are in the hundreds and not single unit steps? <a href="http://jsfiddle.net/0b7k768k/2/" rel="nofollow noreferrer">http://jsfiddle.net/0b7k768k/2/</a></p>
  
  <p>Thanks</p>