javascript - 无法使用 JQuery 更改 z-index

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