HTMLで画像オーバーレイ(Googleマップ上のマーカーのようなもの)を行うにはどうすればよいですか?
質問
HTMLで画像をオーバーレイしたり重ねて表示したりする方法を知っている人はいますか?この効果は、ユーザーが最初の写真上に表示される 2 番目の写真の座標を指定できる、Google マップ上に表示されるマーカー/アイコンのようなものになります。
ありがとう。
解決
使用できます <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>
もちろん、コンテンツには画像などを含めることもできます。
他のヒント
DIV タグと CSS 絶対位置を z-index プロパティとともに使用します。
所属していません StackOverflow