ホームページ制作関連の技術ネタを備忘録的にまとめています

【HTML】
<div class=”comment”>
 <p class=”linkarea”>
 <a href=”hogehoge.html”>このリンクテキストは表示されない</a>
 ここにテキストがはいる
 </p>
</div>

【CSS】
div.comment {
 position: relative;
 width: 100% ;
 min-height:100px;
 margin:0;
}
div.comment p.linkarea {
 margin:0;
 padding:0;
}
div.comment p.linkarea a {
 display: block ;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 text-indent:-999px;
 background/***/: #fff9; /*IE7、8用ハック*/
 filter:alpha(opacity=0); /*フィルターで透明に*/
}

この例だと、commentというdivを起点として透明なリンクエリア（linkarea）をdiv全体に重ねているイメージ。
リンクテキストはテキストを飛ばしているので記入されていても表示はされません。