html - 当 parent 有 pos : absolute and his parent has pos: relative 时 z-index 不工作

标签 html css z-index

我提供了一个 fiddle :

http://jsfiddle.net/dCYdw/

这个例子很惨,但是问题也能看出来。

.levelFive 是问题所在。这应该在所有其他元素之前,因为它的 z-index 为 3,而其他元素的 2 和 1 向上。

.levelFive 只是 css 的第 146 行,以防您找不到它。

最佳答案

你不应该把 position: relative;float: left; 放在 .internalMenu > ul > li, .levelThree > ul > li 并将 ul.levelFive 包装到 div 中,就像您对 ul.levelFour

所做的那样

参见 http://jsfiddle.net/dCYdw/12/

关于html - 当 parent 有 pos : absolute and his parent has pos: relative 时 z-index 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14651189/

相关文章:

android - Android 上的 Chrome 不考虑链接点击的 z-index

jquery - 如何在堆叠的 div 上反转 z-index

javascript - 阻止 Chrome 发送多个服务器发送的请求

javascript - 如何嵌入可滚动的文本框以在我的网页上输出文本?

javascript - 在 Dropzone 中完成上传时启用按钮

html - NavBar 图像链接不工作,但代码是完美的。这是怎么回事?

html - 由 margin-top 向下推的嵌套框

当我更改为 Google JQuery 库时,Javascript 无法工作?

html - 左、中、右对齐具有 flex 和不同宽度的元素

jquery - z-index 不适用于 fullPage.js