↓ 一度使ったら手放せません ＾＾； とにかく動作が軽くて安心！オススメです ↓
通常、画像をロールオーバーするには２種類の画像が必要ですが、
画像は１枚のみで、スタイルシートでフィルターをかけ、画像を透過するアクションの方法です。
方法は実にシンプルで以下の記述をスタイルシートに加えるだけ。
/* フィルター*/
a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}
a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}
それぞれの数値（0.5 ・ 0.5 ・ 50 ）を調整することで
各ブラウザでの画像の透明度を調節します。
とても便利ですが、上記の記述のままだと全ての画像に
フィルターがかかりますので、使いたいところだけフィルターを掛けたい場合は、
クラスなどで指定してください。
例えば、
.sample a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
}
みたいな感じです。
はじめまして！
わたしもショップサーブを利用していますが大変参考になります。
ありがとうございます。
早速試してみたところ、うまくいきました！！
いや～、感謝感激です！！
> にゅうのすけ様、
はじめまして！
お役にたてましたようでよかったです ＾＾*
より良いショップ目指してお互いに頑張っていきましょう♪