タグ

Web制作とtooltipに関するm_shige1979のブックマーク (1)

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

    リンクテキストやイメージにツールチップを表示したいことがあります。簡単に実現する方法として、「title」属性を使う方法があります。 しかし、内容が長く途中で改行したくてもできません。(Internet Explorerの場合は、「&#13;」で改行表示されます) そこで、簡易的ですがCSSだけでツールチップを表示するサンプルを紹介します。 <(X)HTML Code> <p><a href="#" class="tooltip">ツールチップ<span>CSSだけで<br />ツールチップを表示。</span></a></p> <!-- 「a」タグにclass、「tooltip」を指定し、リンクテキストの後にツールチップとして表示したい内容を「span」タグでマークアップして記述します。 注 「a」タグに、「title」属性は使用しないでください。 注 コンテンツにイメージを使用する場合

  • 1