我有一个 HTML 代码，在某些时候我无法检测到错误。这是我的 JSFiddle .
特别是，当我继续“显示更多”时，具有最高 z-index 的绝对定位 div 应该显示在所有内容之上。但是，您可能会看到第一个绝对定位的 div 显示在其他内容下方。
正如类似问题的答案中所提供的，我已经设置了一个 z-index 值和 position 类型(absolute 或 relative) 对于 div 的每个容器。
有解决这个问题的想法吗？
最佳答案
感谢 Ghost Answer 评论，我解决了问题。
在其他答案中，我读到应该将一个 increasing z-index 值以及一个 position:relative 到一个 div 的所有容器中，一个 div 将在其上显示徘徊。也许并不总是如此。
这是我所做的:
- 我删除了所有 z-index 值和不必要的定位(我想后者没有意义)。
- 我将
z-index:auto设置为悬停时显示的 div 容器。
现在代码工作正常:这是更新的 JSFiddle .
关于html - 具有较高 z-index 的绝对定位 div 显示在其他 div 下方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12650825/