在不透明度的div中的圖像不工作在Firefox

Question

在網站上我有一個DIV與不透明度0.7滑落。然後另一個不透明度爲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

如何修復要在FF和Chrome中工作的圖像的z-index？

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