Latest Entries
Categories
Archives
Recent Comments
- VPSでBasic認証が使えない！？
- ⇒watanabe（09/07）
- しゃぶしゃぶ食べました！
- ⇒渡部直樹（10/31）
- デコメ送信機能を作ってみた
- ⇒thrive on（05/27）
- ⇒icebreaker（05/27）
- 携帯サイトでのセッションの利用
- ⇒thrive on（02/10）
- 複数のRSSを統合し最新情報を取得する
- ⇒thrive on（01/08）
- iPod nano 第５世代
- ⇒thrive on（10/12）
Profile
Links
Mobile
Tag Cloud
アクセス解析 アップル オーバーチュア グーグルアナリティクス グーグルマップ システム開発 デコメ ブログ制作 ホームページ制作 マックショウ モバイル 携帯 携帯サイト 空メール 簡単ホームページ作成 赤坂ブリッツ .htaccess ajax apache cron CSS Flash greybox iPod Javascript Mackshow PEAR PHP qdmail rss SSH SSLサーバ証明書 WEBデザイン wordpress- CSSでdivエリア全体をクリック出来るようにする
- 2011.12.14
【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/*\**/: #fff\9; /*IE7、8用ハック*/
filter:alpha(opacity=0); /*フィルターで透明に*/
}この例だと、commentというdivを起点として透明なリンクエリア（linkarea）をdiv全体に重ねているイメージ。
リンクテキストはテキストを飛ばしているので記入されていても表示はされません。