Javascript 覆盖div链接到相同的相关div目标地址

我用叠加div对链接图像进行了编码：

<div class="imageBlock">
  <a href="http://www.google.com">
    <img src="https://placeimg.com/640/480/any">
  </a>
  <a href="http://www.twitter.com">
    <img src="https://placeimg.com/640/480/any">
  </a>
  <a href="http://www.facebook.com">
    <img src="https://placeimg.com/640/480/any">
  </a>
  <div class="overlayButton">
    Go Google
  </div>
</div>

谷歌

因为它是的一部分，所以只有一个图像可见。单击后，将启动一个lightbox滑块

所有我需要的是使ovelay div也链接到相同的图像链接目的地，现在当我在覆盖div上悬停时，它似乎只是普通块

代码段：

---

只需将覆盖层放在锚定标签内即可

<div class="imageBlock">
  <a href="http://www.google.com">
    <img src="https://placeimg.com/640/480/any">
    <div class="overlayButton">
      Go Google
    </div>
  </a>
</div>

---

我建议您这样做，使用伪元素

干净简单，没有额外的标签干扰初始结构

.imageBlock a{
位置：相对位置；
显示：无；
}
.imageBlock a：第一个孩子{
显示：内联块；
}
.图块a：之后{
内容：attr（数据按钮文本）；
位置：绝对位置；
不透明度：0.8；
背景色：黑色；
颜色：白色；
左：50%；
左边距：-75px；
最高：50%；
利润上限：-20px；
高度：40px；
宽度：150px；
文本对齐：居中；
线高：40px；
}

寻求调试帮助的问题（“为什么此代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：如何创建最小、完整且可验证的示例您的代码片段链接为空。我认为每个链接都需要一个覆盖按钮，一个用于“Go Google”、“Go Twitter”、“Go Facebook”。@LGSon抱歉，我现在更新了链接。这将是最简单的方法（无需jQuery）。