如何将超链接添加到div？答案

【问题标题】：How to add hyperlink to div?如何将超链接添加到div？
【发布时间】：2017-10-12 06:03:32
【问题描述】：

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

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

它不起作用，但你可以在这里看到它：http://www.heavenlygardens.org.uk/maps/6/index3_new.html

有什么想法吗？

【问题讨论】：

您缺少 javascript：stackoverflow.com/a/16572197/7862006
一些帮助（比如你）已经找到了对此thread的回复。

标签： html

【解决方案1】：

这对我有用：

<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>

【讨论】：

【解决方案2】：

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

1.使用 z-index:9999 堆叠横幅前端

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

【讨论】：