web-dev-qa-db-ja.com

HTML(Googleマップの上にあるマーカーのようなもの)で画像オーバーレイを行う方法は?

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

ありがとう。

22
smalldream

<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> 

もちろん、コンテンツには画像などを含めることもできます。

31

Z-indexプロパティで、DIVタグとCSSの絶対配置を使用します。

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

3
Subimage