title: How to use zindex in JavaScript
body: <p>What is the syntax for zindex?</p>
  
  <p>I tried like this </p>
  
  <pre><code>document.getElementById('iframe_div1').style.zIndex =2000;
  document.getElementById('iframe_div1').style.z-index =2000;
  </code></pre>
  
  <p>It is not working, it doesn't even show an error.</p>
  
  <p>This is my snippet. It is working fine in HTML, but I want to set this CSS property in jQuery or JavaScript. The top/position attributes are not working...</p>
  
  <blockquote>
    <p>z-index:1200px; top:450px; position:absolute; right:300px;</p>
  </blockquote>
  
  <pre><code>document.getElementById('iframe_div1').style.display='block';
  $("#iframe_div1").css("z-index", "500");
  $("#iframe_div1").css("right", "300");
  $("#iframe_div1").css("top", "450");
  document.getElementById('iframe_div1').style.position = "absolute";
  </code></pre>
  
  <p>This snippet is not as perfect as I expect. I want to move my div center of the page, but it just moving my div to the bottom of the page.</p>