html - 背景图像在 IE6 和 IE7 中不显示

Question

我有 3 个 divHTML 标记

<div class="top-content-wrapper"></div>
<div id="content-wrapper">
</div>
<div class="bottom-content-wrapper">
</div>

应用 CSS

.top-content-wrapper {
background:url("img/white-box-top-bg.gif") no-repeat scroll left top transparent;
height:10px;
margin:0 auto;
padding:0 30px;
width:686px;
}
#content-wrapper {
background:url("img/white-box-middle-bg.gif") repeat-y scroll left top transparent;
margin:0 auto;
padding:10px 25px 70px;
width:696px;
}
.bottom-content-wrapper  {
background:url("img/white-box-bottom-bg.gif") no-repeat scroll left top transparent;
height:53px;
margin:0 auto;
padding:0 30px;
width:686px;
}

在所有主流浏览器中它工作正常但在 IE6 和 iE7 中背景不显示请帮助我。谢谢。

Answer 1

不确定，但可能您的背景参数顺序错误。对它们进行排序的正确方法是:

background: transparent url("img/white-box-middle-bg.gif") repeat-y scroll left top;

此外，正如 Sam152 在评论中所说，可能是您的 div 中没有内容，因此它们根本不会在某些浏览器中显示。