html - z-index woes - z-index 不适用于相对和绝对 div 的组合

Question

我的 z 索引有一些问题。

简而言之，我在一个称为容器的相对 div 下方有一个绝对 div。在容器中，我有三个 div，左中右都绝对定位。

我希望底部的绝对 div（一条白线）出现在中心 div 的顶部但在左右 div 之后（所有这些都在容器 div 中）

现在 Z-index 做了两件事之一，它要么把白线放在所有三个主要 div 的下面，要么放在它们前面。没有回旋的余地。

http://dev1.peeknpoke.co.uk用于网站和参考资料

谢谢你的帮助，

仍在修复我的知识漏洞！

Answer 1

那是因为你所有的代码都是错误的。.wrapper如果您将 z-index 设置为高于，z-index 将起作用.whiteline。但是由于 html 是错误的，它会破坏您网站的另一部分。

了解有关 z-index 的更多信息https://developer.mozilla.org/en-US/docs/CSS/z-index

Answer 2

1) 移除#whiteline 元素

2) 像这样更改#blackbar 元素的css 属性：

background:black url("/img/line.png") repeat-x scroll 0 40px;

3）您应该通过将其切成两半来编辑该logobackground.png图像，以免出现在行前。