エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSでツールチップ at softelメモ
擬似クラス :hover を使えば、Javascriptなしでもツールチップが作成可能。 IEを無視できないときは、a:... 擬似クラス :hover を使えば、Javascriptなしでもツールチップが作成可能。 IEを無視できないときは、a:hover で。 IEはほっといてよければ、なんにでも :hover で。 ある要素の中の要素を、通常は隠しておいて、:hover のとき見せるようにすると、ツールチップの出来上がり。 position: relative; で位置の指定に一工夫。 <style> a.tt {position: relative;} a.tt span {display:none;} a.tt:hover span { display:block; width: 200px; padding:5px; position: absolute; top: 1.5em; left: 2em; text-decoration: none; border: solid 2px #666699; b