This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page.

CSSだけでメニューにツールチップヒントを付けるテクニック。
次のようにメニューにカーソルを合わせるとヒントが表示できます。JavaScript不使用なので、JavaScriptが苦手な方も実装可能です。



JavaScriptは使わずにやりたい場合は覚えておきたいテクニックですね。

関連エントリ

• CSSコーディングの際に役立つエキスパートによる７０の方法
• テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック