所以这里是我正在尝试做的图片:
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 的底部。