HTMLで画像オーバーレイ（Googleマップ上のマーカーのようなもの）を行うにはどうすればよいですか？

Question

HTMLで画像をオーバーレイしたり重ねて表示したりする方法を知っている人はいますか?この効果は、ユーザーが最初の写真上に表示される 2 番目の写真の座標を指定できる、Google マップ上に表示されるマーカー/アイコンのようなものになります。

ありがとう。

Answer 1

使用できます <div> コンテナを使用してコンテンツを複数のレイヤーに分離します。したがって、div コンテナは絶対的に配置され、z-index でマークされる必要があります。例えば：

<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-index プロパティとともに使用します。

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

Answer 3

CSSレイヤー.