ヽ( ・∀・)ノくまくまー(2006-09-07) CSSでポップアップ

● CSSでポップアップ ちょっとした説明文をポップアップするには "title" 属性が便利であるが、複数行表示がブラウザに依存し、画像を含んだコンテンツには対応できない。かと言ってJSを持ち出すのも面倒だと思っていたら、CSSのみで実現できるらしい。そのまとめ。(via RailsChat) CSS .popup .tips { display : none; position : absolute; } .popup a:hover { position:relative; } .popup a:hover .tips{ display : block; top : 30px; left : 20px; white-space : nowrap; text-decoration : none; border : 1px solid black; color : black; back

[webmarksjp]

css

[niidome]

CSSでポップアップ

[eureka]

お、IE対応法が追記されてる

[hiro_y]

CSSのみでポップアップ。:hoverを使用。

[zorio]

CSSだけでポップアップさせる方法

[ll_koba_ll]

cssだけでポップアップ

[dbfireball]

おもしろい使い方

[akiyan]

お、すばらしい！

[k_ume75]

CSSでポップアップ。あとで読む。

[shidho]

表示したままリロードしたらなんだか動作が変になったfirefox。よーわからん。

[toshiwo]

JavaScript を使わず CSS のみでポップアップ。コメント先にも IE 対応バージョンが

[paulownia]

Safariだと表示がなんかおかしい

[smoking186]

HTMLがダメ.