hiroeleganceのエレガンスとは呼べない日常

WEB屋(コーダー)hiroelegance(ヒロエレガンス)のブログhiroeleganceのエレガンスとは呼べない日常略して「エレ日」です。YouTubeでゲーム実況してます。毎週火曜0時にラジオも配信しています。

【CSS】aリンクをdiv全体に適応する方法

   

css-block
テキストリンクを普通に貼ると文字のところにしかリンクされません。

div要素全体がクリックできた方が良いので、コードを書いてみました。

画像を背景で出している時にリンクさせたい時にも使えます。

.link{
position:relative;
}

.link a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
}

 - CSS