여러 수준에서 div를 z- 색인화 할 수 있습니까?

Question

는 말을하는 것입니다 그건 내가 가진 경우 다음 날 C 아래에를주지 않고 C 아래 장소 B를 시각적으로하는

<div id="a"> 
    <div id="b"></div> 
</div> 
<div id="c"></div> 

이 가능겠습니까? 나는 대답이 '아니오'라고 생각하고 있지만, 내가 모르고 있었던 css 속임수가 있다면 나는 호기심이 많았다.

Answer 1

아니요, 불가능합니다. b와 a는 그룹으로 "함께"색인화되며 c는 따로 계산됩니다. http://jsfiddle.net/73KXM/

Answer 2

b도 a 뒤에 있으므로 표시되지 않습니다.

Answer 3

예, 그렇습니다. Z- 인덱스를 사용하려면 상대 위치로 위치를 설정해야합니다.

Answer 4

#a { 
    z-index: 50; 
} 

#b { 
    z-index: 0; 
} 

#c { 
    z-index: 25; 
} 

#b가 #a 내에 완전히 포함되어 있으면 (음수 여백 없음 등) 물론 보이지 않습니다. 일종의 원형 Z- 인덱스를 찾고 있다면, 나는 그것을 할 수 있다고 생각하지 않습니다. div를 여러 조각으로 나눠서 "가짜"로 만들 필요가 있습니다.