如何在JavaScript中使用zindex

zindex的语法是什么

我试过这样做

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

它不工作，甚至没有显示错误

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

z指数：1200px；顶部：450px；位置：绝对位置；右：300px

---

这个片段并不像我想象的那么完美。我想将我的div移到页面的中心，但它只是将我的div移到页面的底部。

前者应该可以正常工作。使用像Firebug的“inspect元素”这样的DOM检查器来确定是否分配了值，但没有达到预期效果

在jQuery中，应该是

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

---

document.getElementById（'iframe\u div1'）.style.zIndex=“2000”很好。只要确保它的
位置
是
绝对
或
相对
。像这样,

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

正如这个链接所提到的，
zIndex
仅在元素被定位时才起作用，所以您使用的是类似于
position:absolute


谢谢，问题解决了

…但它只是移动了我的div页面底部

因为：

document.getElementById('iframe_div1').style.display='block';

必须是：

document.getElementById('iframe_div1').style.display='relation';

//or

document.getElementById('iframe_div1').style.display='absolute';

@Bharani关于position呢？为什么不把css行放在元素的cssText中呢？混合jQuery和普通JS（对于同一个任务）不是很好。不，不是这样<代码>绝对
用于
位置
，而不是
显示
。如果你对这个话题不太了解，请不要发布错误的答案。
document.getElementById('iframe_div1').style.display='block';

document.getElementById('iframe_div1').style.display='relation';

//or

document.getElementById('iframe_div1').style.display='absolute';