CSSのみで画像をロールオーバーさせる方法

Webページやブログにおいて、リンクとして画像を使用している場合、マウスオーバーした場合にロールオーバーすると、デザイン的にもきれいになると思います。 今回は、ほかに画像を使わず、CSSのみで半透明にさせることでロールオーバーさせる設定について書きたいと思います。 参考にしたページ 今回、ロールオーバーさせるのに参考にしたページは下記になります。 超シンプル！hover画像作る必要ナシ、CSSだけで、画像をロールオーバー！ | しらさかブログ 設定方法 下記のコードを、CSSのコードに追加する。 a:hover img.hover_img{ opacity:0.8; //不透明度0.8 filter:alpha(opacity=80); //不透明度80%（IE用） -ms-filter: "alpha( opacity=80 )"; //不透明度80%（IE用） } コードの意味は、im