我正在尝试使用背景图片，顶部有div。所有元素都有位置属性，我现在给背景图像的不透明度为50％，这样我就可以看到它背后。 div'包装器'的z-index高于图像，但仍然出现在后面。它也在页面的底部，我希望它出现在顶部，并且如果是100％则有高度。
这是我目前看到的图像：
正如你所看到的那样，div位于图像后面，只能看到图像的不透明度。
任何帮助都会非常感谢，谢谢。
答案 0 :(得分：0)
子元素的z-index值仅在其父元素的范围内起作用。在这种情况下，#wrapper位于#Page内，并且-1000的z索引相对于#home-bg的{{1}} z索引。
答案 1 :(得分：0)
这是因为你的#Page容器的z-index低于图像，即使包装器的z-index更高。父容器的Z优先。
简单地从#Page中删除z可能会解决问题（没有一个小提琴来测试它，但非常肯定）。
此外，你实际上并不需要z所有这些东西。您可以利用元素的正常堆叠顺序，标记中较低的元素堆叠在早期元素的顶部....