image - 图像链接中的 html/css 透明度不可点击

Question

我有一个星星的 .png 图像。恒星周围的区域是透明的。这是我的代码示例

<a href='nextPage.html'><img src='starImage.png' border='0'></a>

如何让图像的星形部分仅可点击？
-或者-
如何使图像的透明部分不可点击？

Answer 1

您需要使用区域形状图

<a href='nextPage.html'><img src='starImage.png' border='0'usemap="#Map" /></a>
<map name="Map" id="Map">
  <area shape="poly" coords="54,52,55,52,94,77,118,42,179,63,174,119,105,128,50,122,31,84,54,53" href="#" />
</map>

这只是一个例子。
您必须使用 Dreamweaver 上的区域形状图工具并绘制您需要的区域的多边形。