title: Is it possible to place any div above everything else in a web page?
body: <p>I'm trying to place a div on top of all divs in a web page.</p>
  
  <p>The common question to this is:</p>
  
  <ul>
  <li>prepend your div to the body element</li>
  <li>add a z-index property bigger than every other's</li>
  </ul>
  
  <p>The problem:</p>
  
  <ul>
  <li>i can't move my div in the DOM tree (due to angular limitations)</li>
  </ul>
  
  <p>After reading the following article, it seems to me to be impossible.
  Is that so?</p>
  
  <p><a href="http://philipwalton.com/articles/what-no-one-told-you-about-z-index/" rel="nofollow">http://philipwalton.com/articles/what-no-one-told-you-about-z-index/</a></p>
  
  <p>Any help is much appreciated</p>
  
  <p>UPDATE:</p>
  
  <p>Thank you guys</p>
  
  <p>@user2604405 - I forgot to mention the fact that I want this div to cover all page, so I think only <code>position: fixed</code> is pertinent.</p>
  
  <p>@shujatAli - I've said I can't move the div due to angular limitations.</p>
  
  <p>@Explosion Pills - It is ok to move the div, as long as it covers all page.</p>
  
  <p>@Flavio Paulino - <code>z-index</code> solution won't work =/ (the div is way down in the DOM tree).</p>
  
  <p>@Jasper - I've tried using <code>position: fixed;</code> but it doesn't work since other divs also have z-index defined. And I can't clone the elemento to body because it's outside my AngularJS module which break my model bindings</p>