HTML에서 사진 오버레이를 수행하는 방법 (Google지도 상단의 마커와 비슷한 모양)?

Question

누구든지 그림 오버레이를 수행하거나 HTML로 서로 위에 나타나는 방법을 알고 계십니까? 이 효과는 사용자가 두 번째 그림의 좌표를 첫 번째 그림에 표시하도록 지정할 수있는 마커/아이콘과 같은 것입니다.

감사합니다.

Answer 1

<div> 컨테이너를 사용하여 여러 레이어로 콘텐츠를 구분할 수 있습니다. 따라서 div 컨테이너는 절대적으로 배치되고 Z- 색인으로 표시되어야합니다. 예를 들면 : 콘텐츠도 할 수있는 이미지를 포함

<div style="position: absolute; z-index:100">This is in background</div> 
<div style="position: absolute; z-index:5000">This is in foreground</div> 

물론, 등

Answer 2

DIV 태그와 CSS 절대 위치 지정을 z- 색인 속성과 함께 사용하십시오.

http://www.w3.org/TR/CSS2/visuren.html

Answer 3

css layers.