How to use zindex in JavaScript
<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>
