HTML：Webページ上の特定の座標に表示/画像を表示する

Question

私はWeb開発で初めてだと言います。私はページ上の特定の座標に画像を表示しようとしています。たとえば、ページの背景が世界地図で、特定の都市がインジケータを点滅させたい場合は、これを行う最も簡単な方法は何でしょうか？

Answer 1

あなたが望むものを達成するためのCSSスタイルを使用することができます。特定の位置に画像を配置するために、絶対、トップ/ボトム左/右のプロパティ：Positionを使用します。http://www.w3schools.com/css/default.asp

私はそれを達成するだけの方法を説明します。

もう少し考えてみてください... HTML <map> Tagもあります。それが法案に合っているかどうか確認してください。 :)

サンプルコード：

<img src="WorldMap.jpeg" width="800" height="600" alt="Earth Planet" 
    usemap="#planetmap" /> 

<map name="planetmap"> 
    <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /> 
    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /> 
    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /> 
</map>