可见区域标签？

Question

如何使html <area />始终可见，而不仅仅是关注？

似乎应该像这样简单：

的HTML：

<img src="image.png" width="100" height="100" usemap="#Map" />

<map name="Map" id="Map">

<area shape="circle" coords="50,50,50" href="#" alt="circle" />

</map>

CSS：

area {border: 1px solid red}

无论我做什么，似乎我根本都无法影响某个区域的样式，它看起来确实不受CSS影响。有任何想法吗？另外，还有其他无法使用样式标记的示例吗？

Answer 1

该area标签只是定义了用户可以通过点击空间，还有就是它没有可视化表示，所以你不能真正使用CSS样式它。我喜欢您要去的地方，但不幸的是，您可能需要使用javascript将透明图像覆盖在图像地图的顶部，以完成您要执行的操作。