DTP→ほそぼそとWeb業界のカタスミでお仕事しています・・・

CSSでツールチップ

この前、友達と話していてツールチップの話題が出たのですが

ツールチップ↓こんなやつですね。
tooltip-01.jpg

IE9では出ないんですか、 私は知りませんでした

出ないならCSSで出してみたらいかがでしょう(^^;)
↓こんな感じ。見本はコチラ(別窓で開きます)
tooltip-tameshi.jpg

もとサイトはこちら(別窓で開きます)
http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/# EasyCSSTooltipKollermedia-01.gif

素晴らしいですね~!!!
Jürgen Koller B.A. (Hons.)様に感謝です!!
ダウンロードしたサンプルを見れば、感激しますよ(^^)
ほんとにたったこれだけで、こんなことができるなんて、すごすぎる~。
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

EasyCSSTooltipKollermedia-02.gif

ほんっとに素晴らしい!!
何と言葉で表現してよいのやら(*^^*)