Javascript 如何通过透明图像获取«onclick»事件？

我有一个html页面。在页面的中间，我显示了一个部分透明的GIF图像。 如果我在图像下的链接上单击图像的父部分，我不会因为图像而获得«onclick»事件

是否可以忽略图像并在链接上获取事件

更新：我的布局：无法单击Alternativ

如果链接在图片下面，那么它们是不可链接的

---

您可能需要做的是减少图像的css z索引，并增加链接的z索引以使其可点击。

如果图像是静态的，而不是移动的，您可以轻松使用图像或将链接放在透明图像的顶部。

我实际上不知道您的布局，但我认为，有几种可能性。您可以使用imagemap模拟单击gif下的链接。因此，在链接所在的位置，您可以在图像地图中定义一个可单击的区域。 另一种可能是使用gif作为背景图像。不应更改布局中的任何内容，链接将位于顶部

嗯,

---

-亨森

做一件事，把它点燃：

var realTarget = document.querySelector('...');
var img = document.querySelector('...');

img.addEventListener("click", function(evt) {
  var newEvt = document.createEvent("MouseEvents");
  newEvt.initMouseEvent("click", true, true, window,
    evt.detail, evt.screenX, evt.screenY, evt.clientX, evt.clientY, 
    evt.ctrlKey, evt.altKey, evt.shiftKey, evt.metaKey, 
    evt.button, evt.relatedTarget);
  realTarget.dispatchEvent(newEvt);
}, false);

---

你能举个例子吗？可能的重复或比文本将在图像上。这没用。