CSSのみでマウスオーバー時にリンク先のURLをツールチップで表示させるcssの小技的な内容です。さほど使う機会は無さそうなんですけど、JavaScriptを使うほどでも無いようなものなのでcssだけでやって見た、みたいな記事。リンクにマウスを乗せるとそのリンク先のURLをツールチップとして表示させます。 対応ブラウザはモダンブラウザとIE8以上です。:afterを使うのでIE7以下は対応できません。 cssでリンク先のURLを表示するまずはcssのみでリンク先のURLを表示させます。 マークアップは以下で固定。 <a href="http://kachibito.net/">かちびと.net</a>HTMLはこのままで、cssのみでリンク先のURLをマウスオーバーによるツールチップで表示させます。 URLを表示させるまずはURLを表示させます。 a[href]:after { content: attr(href); }これはよく印刷用のcssで用いられる手
