1. ホーム >
2. お仕事 >
3. 【CSS】aリンクをdiv全体に適応する方法
4. CSS >
5. 【CSS】aリンクをdiv全体に適応する方法

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

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

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

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

.link{
position:relative;
}

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

  広告

 - CSS