2010-08-08 5 views
2

하나의 이미지가 다른 이미지보다 위에 있습니다. 내가 어떻게 해? http://twitpic.com/2cnpku이미지를 다른 이미지 위에 오버레이하는 방법은 무엇입니까?

+0

Welcome to Stackoverflow! 도움을 청하는 것이 필요하지 않습니다. 나는 도움이되는 사용자가 그렇지 않으면 함께 움직일 것이기 때문에 그것을 멀리 편집했다. 그냥 똑똑한 방식으로 질문하십시오. 이미 도움을 얻을 수있는 적절한 장소에 있습니다. – BalusC

+0

코드에있는 관련 부분을 복사하여 붙여 넣으십시오. 사람들이 당신이나 미래의 사용자를 도울 수 있도록 도와줍니다. –

답변

2

example

당신이 위에 원하는 이미지가 높은 Z- 인덱스를 설정합니다. 지금은 Z 지수가 낮습니다.

+0

문제는 이미지가 표시되지 않지만 모든 것이 올바른 이름과 주소입니다. –

4

게시 한 코드에서 다른 img 요소의 다른 src 속성에 img 요소를 전달하는 것으로 보입니다. 이 일을하는 이유가 있습니까?

<style type="text/css"> 
    .imgA1 { 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:2; 
    width:1300px; 
    height:283px; 
    } 
    .imgB1 { 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:1; 
    width:1300px; 
    height:1000px; 
    } 
</style> 
<img class="imgA1" src="images/home_nav.png" alt="home_nav" /> 
<img class="imgB1" src="images/paperbackground.png" alt="Background" /> 

유사한 코드 모형은 개념을 증명하는 내 이미지와 http://jsfiddle.net/gBPBd/3/에서 볼 수 있으며, 크롬에서 IE8을 funcitoning된다.

+0

가브리엘하지만 홈 네비게이션 이미지는 여전히 종이 배경 이미지 뒤에 있습니다. @Gabriel –

+0

---------------------------------- .imga1은 뒤에 머물러 있습니까? –

+0

나는 그것에 대해 좀 더 연구했고, 내 의견은 선택기를 깬 것처럼 보였다. 나는 그것을 수정했다. 또한 http://jsfiddle.net/gBPBd/3/에서 작동하는 것을 볼 수 있습니다. 결과를 볼 수 있도록 내 자신의 이미지를 사용했습니다. – Gabriel

관련 문제