下のようなボタン画像を hover時(マウスカーソルが合った時)に画像をこれ以上用意せずに変化させるTipsです。 上のボタンにカーソルを合わせたら色が少し薄くなると思います。 対応ブラウザなど CSS3は使用していません。対応ブラウザはIE5.5-IE8,Firefox3,Safari3,opera9などです。 ソースは続きに記載しておきます。 ソースコード(CSS) a.alpha:hover img{ /*モダンブラウザ用*/ opacity:0.8; /*IE7以下用*/ filter:alpha(opacity=80); /*IE8用*/ -ms-filter:"alpha(opacity=80)"; } ※a.alpha imgの部分は、実際に適用する要素のidやclassを割り振ってください。 ※a要素にhoverを割り当てているのは、IE6以下だとa要素