0

重複の可能性:
javascript を使用せずに html および css で「div」全体をクリック可能にする方法は?

次のように、幅/高さ 100% の div を設定して、Web サイトの背景にとどまります。

.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 ソリューションはありますか?

4

1 に答える 1

1

<div>タグをタグ内にネストすることはできません<a>。ただし、CSSプロパティを利用して の<a>ように動作させることができます。<div>display:block

CSS

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

.background {
    display: block;
}

HTML

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

JSフィドル

于 2012-07-18T16:13:08.213 に答える