Html 如何将超链接添加到div？

我在我的网站顶部放置了一个横幅，并尝试在整个div中添加一个超链接，如下所示：

<div id="banner" onclick="location.href='http://www.heavenlygardens.org.uk/';" style="cursor: pointer;">

它不起作用，但您可以在此处看到：

---

有什么想法吗？

要达到预期效果，请使用下面的选项

1.使用z-索引将横幅正面堆叠起来：9999

<div id="banner" onclick="location.href='http://www.heavenlygardens.org.uk/';" style="cursor: pointer;z-index:9999">

这对我很有用：

<div onclick="location.href='http://www.google.com/';" style="cursor:pointer;">
    <img src="//path-to-image.jpg" alt="description of image" />
</div>

然而，除非您有充分的理由在JavaScript中这样做，否则纯HTML将是一个更好的选择

<a href="http://www.google.com">
   <img src="//path-to-image" alt="description of image"/>
</a>

---

您缺少javascript：一些帮助（比如您）已经找到了对此的响应。