无法使用JQuery更改z-index。

11 浏览
0 Comments

无法使用JQuery更改z-index。

我因某种原因无法使用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:px;
    top:-500px;
    border-radius: 500px;
    background:red;
    position:absolute;
    z-index: 10;
}

有人知道我该如何解决这个问题吗？

// 编辑

网站链接：

http://dannypostma.com/project/j.php

点击作品集球时，会有两个球从天空掉下来。当点击时，它们应该在水面之前显示。

0