div 透明度在 IE8 中不起作用

Question

>我有一个覆盖的div，它是身体标签的孩子div的背景应该是透明的白色，我宁愿不要用png伪造它。我有以下的屁股：

.my-overlay
    @include opacity(0.6)
    background: #fff
    position: absolute
    top: 0
    left: 0

这将编译为：

.my-overlay
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    background: white;
    position: absolute;
    left: 0;
    top: 0;

我还有以下内容

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

透明度适用于Chrome，Safari和FF，但不适用于IE8。在IE8中，div的背景呈现为不透明的白色（我正在OS X上的XP/IE8/VMWare中进行测试）。它在兼容模式下也不起作用。

我还尝试手动将过滤器更改为 -ms-filter，但没有效果。

IE8 开发人员工具栏显示筛选器属性已应用于具有正确值的div，并且 hasLayout 为 -1。我能忽略什么阻止IE8的透明度？

Answer 1

这对我来说很有效，即使在IE7/IE8中也是如此：

.transparent {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}