Question

我有一个叠加div，它是body标签的子级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

This对我有用，即使在IE7 / IE8中也是如此：

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

Div透明度在IE8中不起作用

1 个答案: