Question

网站顶部有一个全宽图像。在图像中有一个带有一些文字的平板设备和一个“联系我们”按钮。

我想通过链接点击“联系我们”按钮。

我已尝试在图片顶部放置一个锚标记，但它无法点击。我已经尝试过声明和区域地图，但它不可点击。我已经尝试在ENTIRE血腥图像周围放置一个锚标记，但它不可点击。我也尝试为图像分配一个“onclick”（这是代码现在所说的），但这也不起作用。

我必须在这里找到一些非常简单的东西。似乎图像“阻挡”了其他元素运作的能力。

那里有HTML专家吗？

Answer 1

问题是容器在其他所有地方的背后。

更改.title-card

的style.css条目

自：

.title-card {
   z-index: -1;
}

要：

.title-card {
   z-index: 1;
}

这将使您的图片的onclick事件可以点击。

更新：此外，还需要将其应用于图像以及在其他浏览器（IE）中工作。

.title-card > img.header-img {
  z-index: 1;
}

或者删除style.css中对z-index: -1;的任何引用