Lucky bag::blog: Preload

始めに断っておくけど、このエントリは Tips でもなく何のためにもならないもんです。ちょっと気になっていた記事があって検証してみたら、「チッ、使えないじゃん」ってオチだったんだけど、一応書き残しておこうかなってレベルのもんです。しかも、前置き長いし。 CSS を使ったロールオーバー CSS の :hover 疑似クラスを使って、要素の背景画像を切り替えてロールオーバーの効果を出すってのは今や珍しくもなんともない。例えば、下記のような指定をしたとしよう。 a { background: url(normal.png) center left no-repeat; } a:hover { background: url(hover.png) center left no-repeat; } 上記例のようにノーマル時とマウスオーバー時の画像を別々にしていると、マウスオーバーした時に hover

[k-yousuke]

ＷＥＢ技術関係　できる人ふう

[Naski]

CSSでの画像ロールオーバーについて

[hxxk]

7-9. 背景画像を利用したロールオーバー効果

[zaki1010]

背景画像のロールオーバーは、位置をずらせば良いんだ……それすら知らなかった

[takehana_masaki]

「ノーマル時とマウスオーバー時の画像を一つにし、マウスオーバー時に位置をずらす」って目からウロコ