触发javascript警报的图像映射按钮

Question

我有一个包含按钮图形的大图像。我不希望整个图像是可点击的，只是按钮图形。

当用户点击该按钮时，必须触发javascript警报消息。可以使用javascript和图像映射来完成吗？

谢谢！

Answer 1

可行

你可以隐藏图像下的按钮，在定位时可能会有些头疼

Answer 2

当然，您可以构建一个与图像大小相同的div，并在其中放置一个可点击区域：

<div style="background: url(path/to/image.jpg); height: 200px; padding: 50px 0pt 0pt 50px;">
  <a onClick="alert('Button Clicked!');" href="#">
    <div style="height: 20px; width: 30px;"></div>
  </a>
</div>