背景链接（在所有的背景！）

Question

可能重复：
How to make a whole 'div' clickable in html and css without javascript?背景链接（在所有的背景！）

我已经建立了一个100％的宽度/高度格留在网站上的背景，像这样：

.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解决方案？

Answer 1

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

CSS

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

.background { 
    display: block; 
} 

HTML

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

JS Fiddle