时间戳

首页 > 解决方案 > 如何在 Div 中添加超链接并使其可点击？

html - 如何在 Div 中添加超链接并使其可点击？

问题描述

如何将链接添加到如下所示的 Div 并使其可点击？我正在使用一个图像作为 Div 的背景，我想让整个图像可点击。

<div class="grid__item-wrap">
<div class="grid__item" style="background-image: url(img/5.jpg)">
</div>
</div>

我尝试了以下两种方法，但没有一种方法适合我。

方法一：

<div class="grid__item-wrap">
<div class="grid__item" style="background-image: url(img/1.jpg)">
<div class="frame__links">
<a style="pointer-events: auto" class="frame__links" href="https://www.google.com/"></a>
</div>
</div>
</div>

方法二：

<div class="grid__item-wrap">
<div class="grid__item" href="https://www.google.com/" style="background-image: url(img/4.jpg); pointer-events: auto;">
</div>
</div>

标签： htmlcss

解决方案

您需要将想要可点击的 div 放在<a>标签内。

<a href="https://www.google.com/">
    <div class="grid__item-wrap">
        <div class="grid__item" style="background-image: url(img/5.jpg)">
        </div>
    </div>
</a>

推荐阅读