div의 상단에 배경 이미지를 사용하려고합니다. 모든 요소는 위치 속성을 가지고 있으며 배경 이미지에 50 %의 불투명도가 부여되어 그 배경을 볼 수 있습니다. div '래퍼'의 z- 색인은 이미지보다 높지만 여전히 뒤에 나타납니다. 또한 페이지 하단에 있으며 맨 위에 표시하고 높이를 100 %로 지정하고 싶습니다.Z- 색인이 적용되지 않습니까?
당신이 DIV 이미지 뒤에 만 이미지 불투명도의 becuase 볼 수 있습니다 볼 수 있듯이 : 여기
내가 현재보고있는 무슨의 이미지입니다.도움이 되시면 감사하겠습니다. 감사합니다.
래퍼의 z- 인덱스가 더 높더라도 #Page 컨테이너의 이미지가 z- 인덱스보다 낮기 때문입니다. 상위 컨테이너의 Z가 우선합니다.
# 페이지에서 z를 제거하면 문제를 해결할 수 있습니다 (피들을 사용하지 않고도이 문제를 해결할 수 있습니다).
또한 실제로이 모든 항목에 z가 필요하지 않습니다. 마크 업에서 아래쪽에있는 요소가 이전 요소 위에 겹쳐져있는 요소의 일반적인 겹침 순서를 활용할 수 있습니다 ....
궁극적으로 그것은 ypu에 고쳐졌습니다. 래퍼는 페이지 내부에 있었기 때문에 배경보다 높은 인덱스를 가진 페이지였습니다. @유물 – Xander
z-index 하위 요소의 값은 상위 요소 범위 내에서만 역할을 수행합니다. 이 경우, #wrapper은 #Page의 내부에 있으며 #home-bg z- 인덱스 2에 대한 z- 인덱스는 -1000입니다.
possible duplicate of http://stackoverflow.com/questions/5218927/z -index-not-working-with-fixed-positioning – Connum
@Connum 나는 그것을 읽었지 만 모든 div는 위치 속성을 가지고 있으므로 문제는 아니라고 생각합니다. – Xander
도움을 얻는 첫 번째 단계는 [mcve]를 만드는 것입니다. 현재 '![]()
'태그는 상대 경로를 가지고 있으므로로드되지 않습니다. –