如何解决隐藏在IE7和IE8

其他的div

HTML背后一个div背景图片：

<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的不透明度设置为80或更低，我可以看到背景图像闪烁。
这个页面在firefox，chrome，safari和opera中看起来很棒。这只是IE7和IE8中的一个问题。
有谁知道如何解决这个问题？我花了几个小时来搜索这个网站，并尝试了我遇到的所有事情，不管它听起来多么不可能。我一直无法找到解决方案。

（请帮助，这让我疯狂）

来源

2011-05-03 Angie

这是你可以放在小提琴里的东西吗？ http://jsfiddle.net – 2011-05-03 21:38:03

除了重写之外，还有其他的解决方案......我们将div放在div中定期添加，并为其中的一些或全部添加背景图像不是一个新概念。如果我给背景颜色，而不是一个图像的div，它工作正常，它只是图像不显示... – Angie 2011-05-03 21:51:58

我真的不知道究竟是什么问题，这就是为什么我想知道小提琴。 – 2011-05-03 22:13:17

我发现这个问题...

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

CSS的修复很简单：

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

我也必须添加到最终重要，否则会覆盖我的风格！

来源

2011-05-04 16:13:37 Angie

如何解决隐藏在IE7和IE8

回答

相关问题