ホバー機能が一部のコンピューターでのみ機能するのはなぜですか？

Question

イメージをより透明にする簡単なホバー機能があります。私はIE 11でサイトを使用しようとしています。奇妙なことは、いくつかのコンピュータでは、それはどのように動作するか動作することです。 IE 11を実行している他の人では、そうではありません。私はこれがコードの問題か多分設定の問題かどうかはわかりません。何か案は？

はここに私のイメージコードです：

<img alt="Home" class="auto-style8" src="http://contoso/AzureTeam/Images/Home.png"> 

はここに私のCSSです：

.auto-style8 { 

     width: 150px; 
     height: 150px; 
    } 
.auto-style8:hover { 
     opacity: 0.4 
    } 

あまりにもあまりにも派手なものは何もありません。私は本当に何が間違っているのか分かりません。

Answer 1

は、例えば次のようにCSSクロスブラウザのプレフィックス

を使用してみてください：

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

    /* IE 5-7 */ 
    filter: alpha(opacity=50); 

    /* Netscape */ 
    -moz-opacity: 0.5; 

    /* Safari 1.x */ 
    -khtml-opacity: 0.5; 

    /* Good browsers */ 
    opacity: 0.5; 

Answer 2

あなたはすべてのコンピュータは、IE 11の同じバージョンであることを確認していますか？私も同様の問題がありました。

あなたはこれを行うことによって、すべての拠点をカバーしようとすることができます：

.auto-style8:hover { 
    -webkit-opacity: 0.4; 
    -khtml-opacity: 0.4; 
    -moz-opacity: 0.4; 
    -ms-opacity: 0.4; 
    -o-opacity:0.4; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
    filter: alpha(opacity=40); 
} 

チェックアウト：CSSのブラウザのサポートについてhttp://www.w3schools.com/css/css_image_transparency.asp

Answer 3

： Opacityプロパティは、以下のブラウザのバージョンから動作します。

不透明：

• IE：9

• のFirefox：2

• クローム：4

• サファリ：3.1

• オペラ：9一部のコンピュータではたぶん

、IEのバージョンが9

よりも古いですし、常にベンダー接頭辞を使用する必要があります新しい

• webkit-（クローム、サファリ、オペラのオペラのバージョン。）
• moz-（Firefoxの）
• O-（旧バージョン）
• MS-（インターネットEXPLOR ）

コードが機能していないコンピュータにアクセスできる場合は、そのコンピュータのキャッシュの削除をテストすることもできます。

F12を押して>ネットワーク> F5>を右ブラウザのキャッシュをクリアIE6で

Answer 4

>をクリックします：ホバーはhref属性を持つ要素をHTMLに適用されます。

IE7では、アンカー以外の要素にカーソルを合わせると反応が遅くなることがよくあります。大きなテーブルでは、これはほとんど使用できないことがわかります。修正点は、（要素が配置されていないと仮定して）相対的な位置を、配置される要素に追加することです。 Internet Explorerバージョン8では

と組み合わせて使用​​する場合、負のzインデックスを持つ要素の操作はバグがある：