HTML로 사진 오버레이를 수행하는 방법(Google 지도 상단의 마커와 같은 것)은 무엇입니까?
문제
HTML에서 그림 오버레이를 수행하거나 서로 위에 표시하는 방법을 아는 사람이 있습니까?효과는 사용자가 첫 번째 사진에 나타나는 두 번째 사진의 좌표를 지정할 수 있는 Google 지도에 표시되는 마커/아이콘과 같은 것입니다.
감사해요.
해결책
당신이 사용할 수있는 <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>
물론 콘텐츠에는 이미지 등이 포함될 수도 있습니다.
다른 팁
z-index 속성과 함께 DIV 태그와 CSS 절대 위치 지정을 사용하세요.
제휴하지 않습니다 StackOverflow