Question

由于某种原因，我无法使用jQuery更改元素的zIndex。我搜索了所有这个网站和谷歌，但找不到正确的答案。我试图在点击按钮时将我的元素放在另一个div的前面。我使用了你可以在这里看到的代码。但是没有用。

  $(this).parent().css('zIndex',3000);

它在开头的元素的CSS代码：

#wall{
    width:100%;
    height:700px;
    position: absolute;
    top:500px;
    background: #11c1e7;
    opacity: 0.6;
    z-index: 900;
    }

应该超出此范围的元素的CSS代码：

.port1 {
width:200px;
height:200px;
left:<?php echo rand(1,1000); ?>px;
top:-500px;
border-radius: 500px;
background:red;
position:absolute;
z-index: 10;
}

有谁知道如何解决这个问题？

//编辑

链接到该网站： http://dannypostma.com/project/j.php

点击投球组合球时，两个球从空中掉落。点击时这些应该在水面前。

Answer 1

在非定位元素上设置style.zIndex属性无效，也就是说，元素必须绝对定位，相对定位或固定。

所以我会尝试：

$(this).parent().css('position', 'relative');
$(this).parent().css('z-index', 3000);

Answer 2

这是无效的Javascript语法;属性名称不能包含-。

使用zIndex或"z-index"。

Answer 3

$(this).parent().css('z-index',3000);

Answer 4

因为你的jQuery代码是错误的。正确的是：

var theParent = $(this).parent().get(0); 
$(theParent).css('z-index', 3000);

Answer 5

zIndex是javaScript表示法的一部分。（camelCase）
但jQuery.css使用与CSS语法相同的内容。
所以它是z-index。

你忘了.css（“attr”，“value”）。在'attr和val中使用'或'。所以， .css("z-index","3000");

无法使用JQuery更改z-index

5 个答案: