0

私は quirks モードで開発しており (うーん...)、いくつかのアイコンに不透明度を追加しました (ホバー時に不透明度はありません) が、IE8/9 + Quirks では機能しません。

    .icons {
      display: inline;
      height: auto !important;
      height: 100%;
      margin: 0 1%;
      position:relative;
      zoom: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      opacity: 0.5;
    }

    .icons:hover {
      zoom: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }

これが私のjsfiddleです： http://jsfiddle.net/for3v3rforgott3n/C3atq/

JSFiddle は Quirks モードではひどいように見えるので、これを表示するのは少し難しいです... 要素に幅/高さがないと IE9 の不透明度が機能しないことをどこかで読みました。メディアクエリを使用しています

4

2 に答える 2

1

また、JQuery を使用せずにquirks モードをサポートする必要がありますが、私にとっては、「display: inline」ではなく「display: inline-block」を使用する必要がありました。

以下は私のために働いた：

"display: inline-block; opacity: 0.5; filter: alpha(opacity = 50);";

于 2014-09-24T19:29:22.187 に答える
0

問題が何であるかはまだ正確にはわかりませんが、jQueryで解決しました。

$(function() {
    $('div.icons img').css('opacity', '0.6');
    $('div.icons img').hover(function(){
        $(this).css('opacity', '1.0');
        $('div.icons img').mouseout(function(){
            $(this).css('opacity', '0.6');
        });
    });
});
于 2013-03-01T20:56:04.760 に答える