jquery - cssを使用してホバー時に画像の不透明度を変更する方法

Question

すべての画像を最初に 50% の不透明度に設定し、ホバー時に 100% の不透明度に変更する方法を見つけようとしています。

ファイルにこのルールを設定しようとしました.cssが、解析エラーが発生します。

img {
  opacity:0.4;
  filter:alpha(opacity=40); 
}
img:hover {
  opacity:1.0;
  filter:alpha(opacity=100); 
}

Answer 1

あなたのコードは良いです-フレンドリーな魚を使ったこのフィドルで検証されました: http://jsfiddle.net/Qrufy/

    img {
        opacity: 0.5;
        filter: alpha(opacity=40);
    }
    
    img:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Colossoma_macropomum_01.jpg/800px-Colossoma_macropomum_01.jpg" />

このopacityプロパティは、最新のすべてのブラウザーで動作し、filter:alphaカバー <= IE8.