ユーザービリティの向上のための仕掛の一つツールチップ、最近の主流としてはjavascroptを使用しての実装という形が多く、色々な形でパッケージ化されています。ある程度パッケージングされているんで実装は簡単とは言え、なれていない人にとってはまだまだややこしい部分も多いです。 今回紹介する「Easy CSS Tooltip」はjavascriptを使用せずCSSとHTMLでツールチップを実現すると言うものです。 詳しくは以下 コードは以下の通り、至ってシンプルで少しHTMLとCSSがわかれば悩む必要は無いかと思います。 ■CSS部分 a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; m
![javascript不要のCSSで制御するツールチップ「Easy CSS Tooltip」](https://cdn-ak-scissors.b.st-hatena.com/image/square/378738e2a5ab55ba1e2bf45b6c97910c889da69f/height=288;version=1;width=512/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2008%2F03%2Ftooltipcss.gif)