html - 如何修复在 IE7 和 IE8 中隐藏在其他 div 后面的 div 背景图像

Question

我有以下代码...

HTML:

<div id="gallery">  
   <div id="slideshow">  
      <div> <!-- SLIDE 1 -->  
         //slide content  
      </div>  
      <div> <!-- SLIDE 2 -->  
         //slide content  
      </div>  
   </div>  
</div>

CSS:

#gallery { 
   width: 940px; 
   height: 317px; 
   background: transparent url("../images/banner_bg.png") no-repeat scroll right 0; 
   position: relative; 
}

我试过用 .png .gif 和 .jpg 图像作为背景，结果相同。
问题是在 IE7 中，幻灯片 div 覆盖了图库 div 中的背景图像。我知道这一点，因为如果我将幻灯片 div 的不透明度设置为 80 或更低，我可以看到背景图像闪耀。
该页面在 firefox、chrome、safari 和 opera 中看起来很棒。这只是 IE7 和 IE8 中的问题。
有人知道如何解决这个问题吗？我花了几个小时在谷歌上搜索这个，并尝试了我遇到的一切，不管它听起来多么不可能。我一直无法找到解决方案。

(请帮忙，这让我发疯)

Answer 1

我发现了问题...

幻灯片 div 将它们的背景颜色设置为黑色，我假设这是 IE 解释，因为
1) 它在其他浏览器中没有发生并且
2) 我在代码中找不到将 bg 颜色设置为黑色的地方。

CSS 修复很简单:

#gallery #slideshow div { background-color: transparent !important; }  

我确实必须在末尾添加 !important 否则它会覆盖我的样式。