html - IE8/9 + Quirks 模式不透明度不起作用

Question

我在 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 不透明度在元素上没有宽度/高度的情况下不起作用，我的高度是基于 % 并且没有宽度，因为我正在使用媒体查询

Answer 1

我还必须支持怪癖模式和没有 JQuery，但对我来说，我需要使用“display: inline-block”而不只是“display: inline”。

以下对我有用:

“显示:内联 block ；不透明度:0.5；过滤器:alpha(不透明度 = 50)；”；