2013-06-19 5 views
1
일부 Z- 인덱스 물건

Z 지수는

에 문제가

메신저 내가 "B"

의 상단에있을 "D"를 원하는

<div id="A"> z-index = 2 
    <div id="B"></div> 
</div> 

<div id="C"> z-index = 1 
    <div id="D"></div> 
</div> 

다음 내가 가지고 말할 수

물론 이것은 단지 예일뿐입니다. 저는 A와 C의 Z- 인덱스를 바꾸면 내가 아는 것을 얻지 만, 분명히 이것보다 훨씬 더 복잡합니다.하지만 본질은 이것입니다. 게시물, 어떻게 내가 D가 B의 상단에 있도록 만들 수 있습니까 ??

도와주세요!

답변

1

넌 C.

는 A의 z-index 및 변경없이 그것을 달성 할 수 문맥을 적층하는 방법이 CSS 작동

는 그 새로운 적층 컨텍스트 Z- 색인을 설정하고, 어느 요소를 배치하여 (생성 될 때 , 또는 불투명도를 < 1로 설정하면 부모 또는 자손의 스태킹 컨텍스트에 의해 제한됩니다. 즉, C가 형제 A보다 낮은 z-index 값을 갖는 경우 C의 자손은 A 또는 그 자손보다 높을 수 없습니다. 그것은 A가 C보다 무한히 높기 때문에 D가 z-index1000000000 인 경우에도 C만큼 높지 않을 것입니다.

1.10이 2.1 이전 인 부분으로 생각할 수 있습니다. 1.10000입니다.

+0

예, 그게 내가 가정 한 것이고, 내가 원하는 것을 성취 할 수있는 방법이 있습니까? 자바 스크립트 또는 뭔가? – kastulo

+0

JS를 통해 A와 C의 Z- 인덱스를 변경하지 않고서도 CSS를 스태킹하는 방법 인 것처럼 고칠 수 있다고 생각조차하지 않습니다. C가 A보다 낮은 z- 색인을 가져야하는 이유가 있습니까? D가 그 자녀이어야합니다. D를 A와 C의 형제로 만들고 Z- 색인을 3으로 설정할 수 있습니다. –

+0

마스크를 사용하여 내용을 숨기는 것이므로 A의 전체 내용은 C의 전체 내용을 마스크해야하지만 D만이 위에 있어야합니다 B 조 – kastulo