gpt4 book ai didi

javascript - Z-Index 没有生效?

转载 作者:行者123 更新时间:2023-11-28 04:21:38 24 4
gpt4 key购买 nike

我正在尝试使用背景图像,其顶部有 div。所有元素都有位置属性,我目前已经为背景图像设置了 50% 的不透明度,以便我可以看到它后面。 div 'wrapper' 的 z-index 高于图像,但仍显示在图像后面。它也位于页面底部,我希望它出现在顶部并且高度为 100%。

这是我目前看到的图像:

如您所见,div 位于图像后面,并且只能由于图像不透明度而可见。

非常感谢任何帮助,谢谢。

最佳答案

这是因为您的#Page 容器的 z-index 低于图像,即使包装器的 z-index 更高。父容器的 Z 优先。

简单地从你的#Page 中删除 z 可能会解决这个问题(没有 fiddle 来测试它,但很确定)。

此外,您实际上并不需要在所有这些东西上使用 z。您可以利用元素的正常堆叠顺序,将标记中较低的元素堆叠在较早元素的顶部....

关于javascript - Z-Index 没有生效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42178960/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com