CSSで指定するロールオーバー(2)｜CSSの小技(指定テクニック)

サンプルは一つにしましたが、実際はもっとリンクがあると思います。少々グラフィカルな画像を使用する際は、下記のように指定するとロールオーバー時の画像の切り替わりのタイムロスが激減します。 #globalnavi { margin: 0; padding: 0; list-style-type: none; } #globalnavi li { text-indent: -9999px; width: 200px; height: 160px; margin: 0; padding: 0; background: url(画像のパス) no-repeat -200px 0; /* マウスオーバー時の画像 */ } #globalnavi a { text-decoration: none; display: block; width: 200px; height: 160px; backgro

[fujimotta]

CSSでのロールオーバー、どうすればいいのかを確認してた。

[knockout_kazu]

ロールオーバー(2)｜上級CSSレイアウト｜CSSデザインサンプル

[mayoku]

メニュー画像のタイムラグをなくす