web-dev-qa-db-ja.com

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

すべての画像を50％の不透明度を最初にに設定し、次に100％の不透明度のホバーに変更する方法を理解しようとしています。

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

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

あなたのコードは良いです-これで確認されましたFiddle友好的な魚で： http://jsfiddle.net/Qrufy/

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

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

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

opacityプロパティは最新のすべてのブラウザで機能し、filter:alpha <= IE8をカバーしています。

20
jterry