css - 具有不透明度的 div 中的图像在 Firefox 中不起作用

Question

在网站上，我有一个不透明度为 0.7 的 DIV 向下滑动。然后另一个不透明度为 0 的 DIV 用于保存文本等。我还有一个带有图像的中继器，图像在 IE 中显示正常，但在 Firefox 和 Chrome 中却没有。在 IE 中，图像高于不透明度，但在 FF 和 Chrome 中则落后。

CSS向下滑动：

.panelThatSlides
{
    display: none;
    background: #000;
    padding: 20px;
    opacity: 0.7;
    filter: alpha(opacity=0.7);
}

保存文本等的面板：

.contentThatFades
{
    opacity: 0;
    filter: alpha(opacity=0);
    min-height: 600px;
}

图像的 CSS 是：

 style="background-color: #000000; z-index: 9999; position: absolute; visibility: visible;"

该网站在这里： http: //www.hkks.dk/nyside1/test.aspx

如何修复图像的 z-index 以在 FF 和 Chrome 中工作？

Answer 1

用这个代替那个：

background: RGBA(255, 255, 255, /* percentage opacity */);

.panelThatSlides
{
    display: none;
    background: RGBA(1, 1, 1, 0.7);
    padding: 20px;
}

.contentThatFades
{
    background: RGBA(255, 255, 255, 0.0);
    min-height: 600px;
}