2013-02-22 5 views
0

div가 더 높은 z- 인덱스로 다른 div와 겹쳐 있습니다. 각 div에는 비슷한 레이어 이미지가 포함되어 있습니다.div의 z- 인덱스 만 변경하고 각각의 z- 인덱스는 변경하지 않습니다.

상위 div의 z- 색인을 변경하여 다른 div가 위에 오도록 할 때 두 div의 모든 계층화 된 하위 항목을 이전과 동일한 개별 주문으로 유지해야하지만 그룹으로 계층화해야합니다 부모의 새 직책에 따라

지금이 작업을 수행하려면 div의 z- 색인을 5에서 1로 변경해야하며 6,7,8에서 2,3,4까지의 하위 항목을 변경해야합니다. 다른 div의 Z- 색인을 1에서 5로 변경하고 자녀를 2,3,4에서 6,7,8로 변경하십시오.

div의 z- 색인 만 어떻게 변경할 수 있습니까? 하위 항목은 상위 div와 관련된 순서를 변경할 필요가 없습니다. 그래서 나는 매번 각각을 설정할 필요가 없어 보인다.

div 대신에 iframe을 사용해야합니까?

+1

http://www.whathaveyoutried.com –

+0

@JayBlanchard I "는 1부터 5 DIV의 Z- 색인을 변경하려고하고 6,7,8에서 2,3- 아이들있어, 4. 다른 div의 Z- 색인을 1에서 5로 변경하고 자녀를 2,3,4에서 6,7,8로 변경하십시오. – user1988594

+0

사용중인 코드를 표시 할 수 있습니까? 관련 마크 업은 무엇입니까? –

답변

0

하위 요소는 상위 요소의 z- 인덱스를 상속합니다. 이러한 제약 조건으로 목표를 달성하기 위해 요소 계층 구조 또는 위치를 재검토해야 할 수도 있습니다. jsFiddle에 코드를 올리면 모양을 볼 수 있습니다.

참조 : Understanding CSS z-index