css - 背景链接（在所有背景上！）

Question

可能重复：
如何在没有 javascript 的情况下使整个 'div' 在 html 和 css 中可点击？

我设置了一个 100% 宽度/高度的 div 以留在网站的背景上，如下所示：

.background {
    background-color:rgba(50,50,50,0.4);
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
}

我想要一个覆盖整个 div 的链接，但如果我编写这样的代码，我将让链接仅出现在 div 的最后一部分（请记住，这个 div 必须留在后台，上面有一些 div），在其他 div 之后，它保持在它上面。

<a href='/home'>
     <div class='background'></div>
</a>

有没有 HTML/CSS 解决方案？

score 1 · Accepted Answer

您不能在标签内嵌套<div>标签<a>。但是，您可以使用 CSS属性使<a>行为类似于 a 。<div>display:block

CSS

*, html, body {
    width: 100%;
    height: 100%;
}

.background {
    display: block;
}

HTML

<a href="#" class="background"></a>

1 回答 1