gpt4 book ai didi

css - z-index 是强制一个元素位于另一个元素之上的唯一方法吗?如果不是,还有哪些其他方法?

转载 作者:技术小花猫 更新时间:2023-10-29 11:29:16 24 4
gpt4 key购买 nike

我正在开发一个带有 map 的应用程序, Angular 落里有一个 div,里面有一些东西。您可以单击此 map 以在一个小窗口中显示一些信息。在某些情况下,窗口被 Angular 落的 div 覆盖。

我想要相反的效果(窗口覆盖 div)。我认为这只是一个 z-index 问题,但我无法让它工作。这是与 IE7 一起阅读的,看起来 z-index 将无法工作,除非它位于已定位的元素内部。

这些元素似乎被正确定位以使 z-index 正常工作,但我运气不佳。我玩过通过 Firebug 添加样式,但没有任何运气可以改变任何东西。该窗口实际上只是两个 div,一个绝对定位,一个相对定位在其中。

z-index 是唯一可能成为这里问题的东西,还是还有其他我不知道的东西?

有没有其他方法可以达到我想要的效果?我不能简单地通过 jquery 或其他东西隐藏 div,因为它的一部分应该从 map 上打开的窗口后面可见。

最佳答案

你遇到了堆栈上下文错误

http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

IE 中每个定位的 div 都会创建一个新的堆叠上下文,并防止 z-index 从不同的堆叠上下文中出现在其他堆叠上下文之上。

解决方案是让您想要的窗口在树的顶部(例如进入正文)并且 z-index 值大于覆盖您窗口的其他 div 的所有父级的 z-index。

了解此处问题的大量信息: http://richa.avasthi.name/blogs/tepumpkin/2008/01/11/ie7-lessons-learned/

关于css - z-index 是强制一个元素位于另一个元素之上的唯一方法吗?如果不是,还有哪些其他方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/687849/

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