이 CSS 배경 요소에서 작동하는 Z- 색인을 가져올 수 없습니다.

Question

CSS를 조금 개선하려고합니다. 특히 요소를 겹치고 스택 순서를 변경하기 위해 Z- 색인을 사용하려고합니다. 이 바이올린을 만들었지 만 Z- 인덱스의 값을 변경하면 레이어가 그대로 유지됩니다. 나는 z-index를 할 수 없다. A ~ Z 색인을 사용하지 않고

http://jsfiddle.net/mjmitche/AfPWE/24/

는 다른 사업부의 내부 사업부는 항상 위에 나타났다. 나는 z-index를 사용하여 container div 아래에 놓으려고했으나 행운은 없었다. 그래서 나는 서로 내부에있는 div가 스택 순서를 바꿀 수 없다고 생각 했으므로 다른 div를 만들었지 만 스택 순서를 바꿀 수는 없었다.

Answer 1

이것은 z-index으로 작동하지 않는다. 요소의 요소는 부모로부터 상속됩니다.

<div id="green"></div> 

<div id="black"></div> 

<div id="pink"></div> 

또한 z-index 필요도 위치를 가지고 있지만, 당신은이 : 작업이를 얻으려면, 당신은 '디 아이'요소를해야합니다.

Answer 2

겹치는 부분은 서로 같은 수준이어야합니다. 이 피들 체크 아웃 : http://jsfiddle.net/jmqwZ/

나는 "다른"div를 분홍색 것과 같은 레벨로 만들었습니다. Z- 인덱스를 바꿀 수 있습니다.