如何在JavaScript中使用zindex

Question

zindex的语法是什么？

我试过这样的

document.getElementById('iframe_div1').style.zIndex =2000;
document.getElementById('iframe_div1').style.z-index =2000;

它不起作用,甚至没有显示错误.

这是我的片段.它在HTML中运行良好,但我想在jQuery或JavaScript中设置此CSS属性.顶部/位置属性不起作用......

的z-index:1200像素; 顶:450像素; 位置:绝对的; 右:300像素;

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";

这个片段并不像我预期的那么完美.我想移动页面的div中心,但它只是将我的div移动到页面的底部.

Answer 1

document.getElementById('iframe_div1').style.zIndex = "2000";很好.只要确保它position是absolute或relative.像这样,

document.getElementById('iframe_div1').style.position = "relative"; // could also be absolute

Answer 2

前者应该可以正常工作.使用像Firebug的"检查元素"这样的DOM检查器来确定是否可以赋值,但是没有达到预期的效果.

在jQuery中,它会是

 $("#iframe_div1").css("z-index", "2000");