コーダー魂

CSSを使ったロールオーバーボタンは以前からよく使っていましたが、
最近になって、一枚の画像ファイルでロールオーバーボタンを作る方法を知りました。

これまでは通常時とロールオーバー時で２つの画像ファイルを用意していましたが、
これだとロールオーバーする時に一度画像を読み込まないといけないので、
環境によっては画像が読み込み終わるまで、
一時的に画像が消えてしまう状態がありました。

でも一枚絵でのロールオーバーなら、既に画像を読み込んでいるので、
画像が消えることなくボタンが切り替わって表示されます。

ボックスの高さ、幅を数値で指定して、
背景画像の位置を指定してやれば簡単にできます。

・・・というか、なぜ今までこんなうまいやりかたが、
あるのに気づかなかったんだろう。

う〜ん。。。（汗）