Question

在我的网站http://aspspider.info/thesamy/GalleriesTest/MainPage/Main.aspx（免费托管测试）上，我有2张背景图片。在每个浏览器中工作的主体和在IE7，IE8中不起作用的内容包装器。

我无法理解为什么，如果身体的背景img显示，为什么它在页面的不同区域不起作用？

这是该区域的HTML代码：

   <div id="Content-wrapper">

        <div id="GalleriesContent">
            <iframe scrolling="no" id="iframeBoxID" frameborder="0" class="iframeBoxClass" name="iframeBox"
                src="http://www.google.com"></iframe>
        </div>

    </div>

这是css：

#Content-wrapper
{
    /*background-image:url('../logo/blackBackGround2.png'); <-- tired that*/
      background-image:url(../logo/blackBackGround2.png);

}

#GalleriesContent
{
    background-color:transparent;
    clear: both;
}
.iframeBoxClass
{
     background-color:transparent;
    border: 1px solid white;
    width: 100%;
    height: 550px;
}

Answer 1

无论出于什么神奇的原因，IE渲染具有白色背景的iframe，并且必须被告知要显式渲染透明背景以便显示div背景。该行为详细here，修复非常简单，只需将以下属性添加到您的iframe代码中即可解决问题：

allowTransparency="true"

e.g.

<iframe allowTransparency="true"></iframe>

Answer 2

尝试在CSS中添加背景重复

background-repeat: repeat-y;

IE7和IE8中不显示背景图像

2 个答案: