Css 后台链接(在所有后台!)

Css 后台链接(在所有后台!),css,html,hyperlink,Css,Html,Hyperlink,可能重复: 我设置了一个100%宽度/高度的div,以保持在网站的背景上,如下所示: .background { background-color:rgba(50,50,50,0.4); width:100%; height:100%; position:absolute; z-index:-1; } 我希望有一个可以覆盖整个div的链接,但是如果我编写了这样的代码,我会让链接只出现在div的最后一部分(记住,这个div必须保持在背景中,上面有一些di

可能重复:

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

您不能将
标记嵌套在

只需使用A标记集,即可显示具有相同位置、宽度和高度值的块,而不是DIV。
*, html, body {
    width: 100%;
    height: 100%;
}

.background {
    display: block;
}
<a href="#" class="background"></a>​