HTML로 사진 오버레이를 수행하는 방법(Google 지도 상단의 마커와 같은 것)은 무엇입니까?

Question

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

감사해요.

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

z-index 속성과 함께 DIV 태그와 CSS 절대 위치 지정을 사용하세요.

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

Answer 3

CSS 레이어.