HTML：在網頁上的特定座標處顯示指示符/圖像

Question

我將在前言中說我是web開發新手。我正在尋找在頁面上的特定座標上顯示圖像。例如，如果頁面背景是世界地圖，並且我希望特定城市閃爍指示燈，那麼最簡單的方法是什麼？

Answer 1

您可以使用CSS樣式來實現你想要的：http://www.w3schools.com/css/default.asp

我將描述只是一種方式來實現這一目標：使用Position：絕對和上/下左/右鍵屬性放置在特定位置的圖像。

想一點點...還有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>