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

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

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

谢谢

可行

---

您可以将按钮隐藏在图像下，在定位时可能会遇到一些麻烦。当然，您也可以创建一个与图像大小相同的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>

谢谢你，特雷。我收到一个错误“unterminated string constant”你能告诉我这是什么意思吗？@mick这意味着你没有在某个字符串的某个地方用引号括起来。是的，我看到了，但我不得不等5分钟才能发布：OThanks，Trey。我得到一个错误“未终止的字符串常量”，你能告诉我这是什么意思吗？这是我的代码：如果把按钮作为背景图像，它就会消失。我试着使用z-index:100，但没用。因此，我将图像附加到内部div中。很抱歉，我不知道如何在这些小注释框中隔离代码。再次感谢

应该是

：我在警报后错过了一个'stringOops！我找到了。警报消息“按钮已单击！）末尾缺少最后一个单引号。非常感谢much@Trey：有没有办法将按钮图像放入addcart类中，以便将其设置为背景图像并显示出来？它似乎在大图像的后面。我正在尝试z-index，但它不起作用。这是我的css代码：.addcart{z-index:30；边距：25px 20px 80px 700px；宽度：176px；高度：48px；背景：url（../images/addcart.jpg；}'您将类添加到哪个元素？