无法使用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);

Answer 2

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

Answer 3

这是无效的 Javascript 语法；属性名称不能有-.

使用zIndex或"z-index"。