CSS マウスが乗ると画像が半透明になる

CSSで

画像にマウスが乗った時半透明にする方法。


以前に一度書いたが
以前の記述では
IE10で機能しなくなった。


あらためて記述しておく。



a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
}



ブラウザの種類ごとに設定が必要らしいのだが
-ms-filter
の記述は記載しなくても反応した。


ま、念のため書いておきます。