1

所以这里是我正在尝试做的图片：

http://imageshack.us/content_round.php?page=done&l=img14/1023/62507155.jpg

FF 显示还可以，IE8 - 不知道 1 台 PC 上的 ie 可以，从另一台 PC 上检查不可以，IE7 不可以。

我有一个具有相对定位的 div 和一个透明的背景图片，它覆盖了 div 2。 div 2 是绝对定位的，并用 z-index：-1 贴在 div1 的底部。

如何使它在所有浏览器（尤其是 IE7/8）上看起来都一样？我读过关于将更高的 z-index 放在父 div 上并降低嵌套 div 的内容，但这只是让 div2 在所有浏览器上都处于首位。

这是代码：

#div1 { 
 position: relative;
 height: 900px;
 width: 850px;
 float: left;
 background: url(img/background-left.png) no-repeat;

}
#div2 {
    position: absolute;
    background: red;
    width: 850px;
    height: 420px;
    bottom: 0px;
    border: none;
    z-index: -1;
}
<div id="div1">
    <div id="div2"></div>
</div>

如果我从 div1 中删除相对位置，那么它的背景总是像我想要的那样位于 div2 的顶部，但是如果没有相对位置，我就无法将 div 2 粘贴到 div1 的底部。

4

0 回答 0