我正在尝试使用背景图片，其顶部为div。所有元素都具有位置属性，并且我目前已为背景图像设置了50％的不透明度，以便可以在其后面看到。 div“包装器”的z索引高于图片，但仍显示在后面。而且它在页面的底部，我希望它显示在顶部，并且高度为100％。
这是我目前所看到的图像：
如您所见，div位于图像的后面，只能由于图像的不透明度而被看到。
任何帮助将不胜感激，谢谢。
最佳答案
这是因为即使包装器的Z索引较高，您的#Page容器的Z索引也比图像低。父容器的Z优先。
简单地从#Page中删除z可能会解决此问题（无需费力就可以对此进行测试，但可以肯定）。
此外，您实际上并不需要所有这些东西。您可以利用元素的正常堆叠顺序，将元素在标记中的较低位置堆叠在较早的元素之上。
关于javascript - Z索引不生效？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42178960/