Question

我在我的网站顶部放了一个横幅，我试图在整个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

有什么想法吗？

Answer 1

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

1.使用z-index堆叠横幅：9999

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

Answer 2

这对我有用：

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

如何添加到div的超链接？

2 个答案: