css - IE中的透明div

Question

如何在 IE > 7 中显示具有 alpha 背景的 div。

我有所有浏览器的这个 css 代码

background-color: rgba(102, 102, 102, 0.30);

但它在 IE 7,8 中不起作用。实际上，不要在 9 或 10 中测试它。

有人知道如何使它工作，它是在图像上放置一个透明的 div

Answer 1

我发现不透明度的最佳跨浏览器选项是使用 30% 透明 png 作为顶部 div 的背景

Answer 2

您可以仅为背景创建另一个 div（与您的 div 大小相同，位置 abolute 等），然后将其设置为颜色 + 跨浏览器透明度，例如 .transparent { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }