ツールチップ

Easy CSS Tooltipを利用した表示方法となります。CSSだけで補足説明を表示したい場合、簡単に使用することができます。

テスト補足補足補足

a.tooltip span {
    display:none;
    padding:2px 3px;
    margin-left:8px;
    width:130px;
} 
 a.tooltip:hover span{
     display:inline;
    position:absolute;
    background:#ffffff;
    border:1px solid #cccccc;
    color:#6c6c6c;
}

<a href="#" class="tooltip">テスト<span>補足補足補足</span></a>

 

関連記事