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;
}