CSS의 z- 색인을 사용하여 이미지를 레이어링하는 문제

Question

작은 문제가있는 사람을 도와 줄 수있는 사람을 찾고 있습니다.

저는 CSS에서 z-index을 사용하여 이미지를 레이어링하려고합니다. 그러나 div에 내가 원하는 상위 레이어의 인덱스 값을 원한다고해도 (즉, 아래 레이어를 계속 누르고 싶거나 레이어를 덮고 싶습니다.) 원한다 :

#work-img { 
    background: url(../images/blots2.png) no-repeat scroll left top transparent; 
    width: 960px; 
    height: 601px; 
    position: absolute; 
    top: 610px; 
    left: 0; 
    visibility: visible; 
    z-index: 6; 
    display:block; 
} 

#work { 
    background: url(../images/my-work.png) no-repeat scroll 0 0 transparent; 
    position: absolute; 
    width:337px; 
    height: 35px; 
    left: 35px; 
    top: 660px; 
    visibility: visible; 
    z-index: 700; 
    display:block; 
} 

내가 무엇을 잘못해서 모든 사람이 나에게 줄 수 있는지에 대해 잘 모르는 것은 정말로 큰 감사 일 것입니다!

Answer 1

css에 문제가 없습니다. 여기에 간단한 예제를 작성하고 동일한 속성을 사용하여 잘 작동했습니다.

다른 div 요소의 일부 속성을 상속하지 않습니까? 방화범이 끌리는 것을 사용하는 것을 볼 수 있습니다.