html - HTML：在网页上的特定坐标处显示指标/图像

Question

我先说我是 Web 开发的新手。我希望在页面上的特定坐标处显示图像。例如，如果页面背景是世界地图，并且我希望特定城市闪烁指示器，那么最简单的方法是什么？

Answer 1

您可以使用 CSS 样式来实现您想要的：http ://www.w3schools.com/css/default.asp

我将仅描述一种实现方式：使用Position : absolute 和 top/bottom left/right 属性将图像放置在特定位置。

再想一想……还有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>