背景链接（在所有背景上！）[重复]答案

【问题标题】：Background link (on ALL the background!) [duplicate]背景链接（在所有背景上！）[重复]
【发布时间】：2012-07-18 16:06:41
【问题描述】：

可能重复：
How to make a whole 'div' clickable in html and css without javascript?

我设置了一个 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 解决方案？

【问题讨论】：

【解决方案1】：

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

CSS

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

.background {
    display: block;
}

HTML

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

【讨论】：