複数のマップポインタ(7)でマップを作成しようとしています。複数の応答画像は、1つの応答画像上にありますか?
私は以下のコードを使用して正しい位置にそれらを得ることができました。
<div style="position:relative; left: 0; top: 0;">
<img src="images/JCCareas.png" class="img-responsive" style="position:relative; left: 0; top: 0;" alt="Map" />
<img src="images/JCCtarget.png" class="img-responsive" style="position:absolute; left: 375px; top: 455px;" alt="target Solihull" title="Solihull"/>
<img src="images/JCCtarget.png" class="img-responsive" style="position:absolute; left: 320px; top: 250px;" alt="target Sheldon"/>
<img src="images/JCCtarget.png" class="img-responsive" style="position:absolute; left: 490px; top: 520px;" alt="target Knowle"/>
<img src="images/JCCtarget.png" class="img-responsive" style="position:absolute; left: 290px; top: 365px;" alt="target Olton"/>
<img src="images/JCCtarget.png" class="img-responsive" style="position:absolute; left: 575px; top: 390px;" alt="target Hampton-In-Arden"/>
<img src="images/JCCtarget.png" class="img-responsive" style="position:absolute; left: 560px; top: 80px;" alt="target Coleshill"/>
<img src="images/JCCtarget.png" class="img-responsive" style="position:absolute; left: 460px; top: 215px;" alt="target Marston Green"/>
</div>
マップが応答しているが、マップマーカーは、私はCSSのいくつかの方法を試してみましたが、実際に働いて、このいずれかを取得するために苦労していません。私が試してみました
CSS:任意の助けをいただければ幸いです
#under-image {
position: relative;
display: inline;
}
#over-image {
position:absolute;
left:33%;
top:43%;
max-width: 10%;
}
。
にこのよう
top
&left
position
を試してみてください。 –https://jsfiddle.net/yp7h2ezc/これはちょうど基本コード –
です。m3diapod.co.uk/janeでテスト環境を見ることができます –