HOME > Tips > CSS > CSSだけでツールチップを表示する

CSSだけでツールチップを表示する

  • Author:920

リンクテキストやイメージにツールチップを表示したいことがあります。簡単に実現する方法として、「title」属性を使う方法があります。

しかし、内容が長く途中で改行したくてもできません。(Internet Explorerの場合は、「
」で改行表示されます)

そこで、簡易的ですがCSSだけでツールチップを表示するサンプルを紹介します。

設定方法は、サンプル新しい
 ウィンドウ・タブ
で表示されます
をご参照ください。

UP