気に入っているロールオーバーの方法3つ :: CSSメモ :: JYO-RAKU画像のロールオーバーはJavaScriptやCSSを使えば実現できますが、そのやり方は色々あると思います。その中で、僕がよく使う方法を3つご紹介します。 1. text-indentでぶっ飛ばす text-indentでリンクテキストをぶっ飛ばし、a:hoverで背景画像をずらすことでロールオーバーを実現。 <a href="/">ホーム</a> a { display: block; width: 120px; height: 40px; /* \*/ overflow: hidden; /* */ text-indent: -9999px; background: url(/img/navi.gif) no-repeat 0 0; } a:hover { background: url(/img/navi.gif) no-repeat 0 -40px; } この方法だとJavaScri
