z-index困境 - z-index不使用相对和绝对div的组合

时间:2013-01-14 13:36:06

标签: html css z-index

我的z-indexing有些麻烦。

简而言之,我在一个名为容器的相对div下面有一个绝对div。在容器中我有三个div,左中心和右边全部绝对定位。

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

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

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

感谢您的帮助,

仍然在我的知识中修复漏洞!

2 个答案:

答案 0 :(得分:0)

那是因为你的所有代码都错了。如果您在.wrapper上放置比.whiteline更高的z-index,则z-index将起作用。但是因为html是错误的,它会破坏你网站的另一部分。

详细了解z-index https://developer.mozilla.org/en-US/docs/CSS/z-index

答案 1 :(得分:0)

1)删除#whiteline元素

2)改变#blackbar元素的css属性,如下所示:

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

3)您应该将logobackground.png图像切成两半,以便不会出现在线前面。