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

我还必须支持 quirks 模式并且不支持JQuery，但对我来说，我需要使用“display：inline-block”而不是“display：inline”。

以下对我有用：

“显示：内联块；不透明度：0.5；过滤器：alpha（不透明度 = 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 回答