参考サイト design-plus1.com…
マウスホバー時の画像変更は、通常ロールオーバー用の画像を用意するのですが、面倒な時やブログなどで頻繁に使うときは、CSSだけでhover時に画像を半透明にさせる方法もあります。
追記 もう100%どのサイトにも入れてます
CSSに下記を追記（不透明度60%）。
a img.linkimg{
background:none!important;
}
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}
背景画像で設置している時はbackground:none 消したりしています。
