이미지 위에 div를 위치 시키십시오.

Question

배너로 사용하는 img 위에 addsense 스크립트의 내용으로 DIV 위치를 지정하고 싶습니다.

div 안에 img 태그가 있습니다. 그런 다음 다음 div 안에 Google 스크립트를 넣고이 스타일을 설정하십시오.

style="float:right;left:250;z-index:2" 

추가 내용은 img 아래에 표시되며 그 위에 표시되지 않습니다. 어떤 아이디어?

Answer 1

당신은 absolute와 두 번째 DIV의 위치를 ​​원하는 :

http://jsfiddle.net/sbNZu/

관련 코드 :

img { 
 
    border: 2px solid black; 
 
} 
 

 
#container { 
 
    position: relative;  
 
} 
 

 
#example { 
 
    position: absolute; 
 
    top: 10px; 
 
    left: 10px; 
 
    
 
    padding: 5px; 
 
    background-color: white; 
 
    border: 2px solid red; 
 
}

<div id="container"> 
 
    <img src="http://i34.tinypic.com/4tlkci.jpg"> 
 
    <div id="example">This is my div</div> 
 
</div>

Answer 2

나는 position: relative이 누락 된 것으로 생각하고 top에 음수 값이 있다고 생각합니다.

Answer 3

position: absolute;을 사용해야하고 상위 항목은 position: relative이어야합니다. 적절한 위치 규칙이 없으면 z- 색인은 쪼그리고 앉는 것을 의미합니다.