2011-05-16 2 views
2

stackoverflow에서 z-index에 대한 severals 질문/기사를 읽었지만 내 웹 페이지의 z- 색인 속성으로 마지막 문제를 해결할 수 없습니다.CSS 위치 속성이 Z- 색인의 우선 순위에 영향을 줍니까?

간단한 질문 : position:absolute의 요소는 항상 postion:relative의 요소와 겹치지 만 Z- 색인의 가치는 무엇입니까?

position:relative;z-index:50이있는 요소를 postion:aboslute;z-index:5;과 겹치도록 할 필요가 있습니다. 필요한 경우 스크립트를 사용하기도합니다. 즉, 웹 페이지가 높은 Z- 인덱스를 기반으로하고,하지 우아한 CSS 솔루션의 많은 (끈적 끈적한 바닥 글, 배경 반복)이 : sample page

참고 :

그 문제에 웹 페이지가 있습니다. 나는 거의 작동하지만, 보시다시피, <div id="mainContent"> some text </div>은 상대적 위치에 있고 바닥 글과 겹칠 음수의 아래쪽 여백을 가지고 있습니다. 그러나 바닥 글 (<div id="footerFixWrapper"></div>)은 절대 위치를 가지며 z- 인덱스가 낮아도 mainConetnet과 겹칩니다.

답변

1

div가 다른 스태킹 컨텍스트에있는 것처럼 보입니다. 이 경우 z- 인덱스는 서로 관련하여 영향을주지 않습니다.

위키 CSS는 - 토론은 세부 사항이 있습니다 http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex

+0

그래서 ... 내 웹 페이지 :( –

+0

아니, 당신이 해결할 수 있어야에 대한 해결책이 없다,하지만 동일한 스택 순서 내에서 배치해야 . –

관련 문제