如何在JavaScript中使用zindex

我试过这样

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

它不工作，它甚至不显示错误。

这是我的代码片段。它在HTML中工作正常，但我想在jQuery或JavaScript中设置此CSS属性。顶部/位置属性不起作用...

z-index：1200px;顶：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移动到页面的底部。

来源

2010-08-02 Bharanikumar

为什么不把css行放在cssText中的元素？ – 2010-08-02 14:32:28

混合jQuery和纯JS（对于同一个任务）不太好。 – 2010-08-02 16:51:30

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

在jQuery中，这将是

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

来源

2010-08-02 14:03:24

什么是职位... – Bharanikumar 2010-08-02 14:19:29

@Bharani什么*关于*职位？ – 2010-08-02 14:23:02

plz chk我更新的问题... – Bharanikumar 2010-08-02 14:30:12

document.getElementById('iframe_div1').style.zIndex = "2000";是罚款。只要确保它是position就是absolute或relative。这样，

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

来源

2010-08-02 14:08:15 Reigel

由于这个环节提到，zIndex只有当元素被定位，所以你使用类似position: absolute;工作？

http://www.w3schools.com/jsref/prop_style_zindex.asp

来源

2010-08-02 14:09:14

$('#iframe_div1').css({ 
     right : '300px', 
     top : '450px', 
     border : '1px solid red', 
     color : '#f00' 
});

由于问题固定

来源

2010-08-02 14:40:24 Bharanikumar

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

becouse：

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

必须是：

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

//or 

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

来源

2010-08-02 14:42:33 ajile

不，它不是。 “绝对”是用于“位置”，而不是“显示”。如果您不太了解该主题，请不要发布错误的答案。 – 2012-05-13 03:12:10

如何在JavaScript中使用zindex

回答

相关问题