특정 div의 하위 요소에만 영향을주는 z- 인덱스 규칙을 설정할 수 있습니까?

Question

특정 요소의 자식에만 영향을주는 것처럼 특정 '범위'에만 적용되는 Z- 인덱스를 설정할 수 있습니까?

z 인덱스가 0 인 containerDiv가 있습니다. 다양한 깊이로 서로의 꼭대기에 배치해야하는 여러 개의 원이 포함되어 있지만 페이지의 다른 요소에는 영향을 미치지 않습니다.

나는 z-index 1을 가지고있는 페이지 (팝업, 드롭 다운 등)에 다른 요소들을 많이 가지고 있는데, 나는 그것들을 containerDiv 위에 올려 놓고 그것들 모두를 childelements로하고 싶습니다. 저는 게으르므로, 가장 높은 Z- 인덱스를 가진 원을 기반으로이 요소의 Z- 인덱스 값을 조정하지 않아도되는 것이 바람직 할 것입니다 ... 다른 모든 요소가 볼 수있는 방법이 있다면 훨씬 굉장합니다. containerDiv 및 모든 자식이 동일한 Z- 인덱스를 갖는 것으로 나타납니다.

CSS로이 작업을 수행 할 수 있습니까?

Answer 1

답변은 다른 요소가 containerDiv의 자손인지 여부에 달려 있습니다. 질문에 대답하려면 : 예, 마크 업을 조금 뒤섞어 놓으면 거의 가능합니다.

http://www.w3.org/TR/CSS2/visuren.html#layers

는 상황이 다른 속성이 방법을 상속되지 스태킹 :

은 그러나 당신이 이해하는 데 필요한 것은 문맥을 쌓아 의 개념 "A 스택 컨텍스트는 관점에서 원자입니다 다른 스태킹 컨텍스트의 상자는 해당 상자 사이에 올 수 없습니다. " 페이지의 모든 요소와 마찬가지로 z-index:2이 z-index:4 인 페이지의 모든 것 뒤에있는 것은 아닙니다. Z- 인덱스 (위치 선언과 결합)는 두 요소가 포함 요소를 공유 할 때 스태킹 순서를 해결하는 데 일반적으로 사용됩니다 (배타적이지는 않지만).