JQuery로 Z- 인덱스를 변경할 수 없습니다.

Question

어떤 이유로 jQuery를 사용하여 요소의 zIndex를 변경할 수 없습니다. 이 웹 사이트와 Google을 모두 검색했지만 올바른 대답을 찾을 수 없습니다. 버튼을 클릭 할 때 다른 div 앞에 요소를 넣으려고합니다. 여기에서 볼 수있는 코드를 사용했습니다. 그러나 일하지 않았다. 이 이상 가야 요소의

#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; 
} 

사람이 내가이 문제를 해결할 수있는 방법을 알고 있나요 요소의

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

CSS 코드는 그것은 시작에 아래인가? 사이트에

// 편집

링크 : 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

잘못된 자바 스크립트 구문입니다. 속성 이름에는 -을 사용할 수 없습니다.

zIndex 또는 "z-index"을 사용하십시오.

Answer 4

때문에 jQuery 코드가 잘못되었습니다.

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

Answer 5

zIndex 자바 스크립트 표기 부분을
(낙타 표기법)하지만 jQuery.css은 CSS와 같은 구 사용. 올바르게 것이다.
이므로 z-index입니다.

.css ("attr", "value")를 잊어 버렸습니다. 사용 '또는'모두에서 ATTR와 val이. 그래서 .css("z-index","3000");