위치 이미지 : 절대; DIV 배경 이미지?

Question

나는 모든 곳에서 수색했으며, 이것에 대한 답을 찾을 수 없다.

그래서 내 스타일 시트에는 절대 위치와 배경 이미지가있는 DIV가 있습니다.

그 DIV 안에는 DIV 배경 아래 나타나고 싶습니다.

나는 z- 색인을 시도했으나 작동하지 않는 것으로 보인다!? 그것은 내 DIV의 절대 위치를 갖는 것입니까?

Answer 1

당신이 무엇을 하든지 자식 요소를 부모의 배경 아래에 표시 할 수 없습니다 (자세한 내용은 stacking contexts을 참조하십시오). 두 번째 요소가 배경이있는 DIV 외부에서 가져 오도록 DOM을 수정해야합니다 그 요소 앞에.

Answer 2

절대 위치에 배치하기 전에 이미지 div를 넣으십시오. 다른 div 아래 놓아야합니다. 당신은 또한 할 수 있었다

position: absolute 

그러나 이미지는 div 앞에 놓는다.

Answer 3

배경 이미지가 .PNG 및 .GIF 파일 형식인지 확인하십시오. 이 두 파일 유형 모두 투명성을 지원합니다.

Answer 4

위치 : 절대 값은 화면 컨텍스트에 있습니다. div 컨텍스트 내에서 position : absolute를 사용하려면 부모 div를 position : relative로 설정하십시오. 따라서 p : absolute를 가진 그의 자녀는 부모의 상단을 orign으로 간주합니다.