【问题标题】: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

有什么想法吗?

【问题讨论】:

标签: 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">
    

    【讨论】:

      猜你喜欢
      • 2020-02-14
      • 2012-06-18
      • 1970-01-01
      • 1970-01-01
      • 2015-11-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多