0

不透明度を使用しており、画像に適用したいと考えています。

これは私のCSSコードです:

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

img:hover {
    filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0; 
}

Firefox、Chrome、Safari では正常に動作しますが、Internet Explorer 9 では動作しません。問題はホバー効果にあります。

シンプルな画像では、不透明度は IE9 で機能しますが、ホバー効果は機能しません。どうすればこの問題を解決できますか?

4

2 に答える 2

0

同じ問題がありました。これを試してください。F12 (デバッグコンソール) を押してから、F5 (更新) を押します。IE9 は小さなボックスをポップアップ表示します:「Internet Explorer は、このページでのスクリプトまたは ActiveX コントロールの実行を制限しました」[ブロックされたコンテンツを許可する] ボタンをクリックすると、不透明度が機能するはずです。

それが自動的に機能することを確認する方法がよくわかりません。

于 2012-10-13T07:47:48.750 に答える
0

不透明度はまだ CSS 標準ではありません。ただし、最新のすべてのブラウザーで動作し、W3C CSS 3 勧告の一部です。

参照してください: http://www.w3schools.com/Css/css_image_transparency.asp

喜びがなければ、

互換モードを使用する

 <meta http-equiv="X-UA-Compatible" content="IE=8" >
于 2012-08-29T11:39:41.433 に答える