0

我的 HTML 代码在某些时候出现了我无法检测到的错误。这是我的JSFiddle。

特别是，当我继续“显示更多”时，具有最高 z-index 的绝对定位 div 应该显示在所有内容的顶部。但是，您可能会看到第一个绝对定位的 div 显示在其他内容下。正如类似问题的答案中所提供的，z-index我已经为.positiondiv

有什么想法可以解决这个问题吗？

4

3 回答 3

1

感谢Ghost Answer评论，我解决了这个问题。

在其他答案中，我读到应该将增加的 z-index值以及 aposition:relative放在一个将在悬停时显示的 div 的所有容器中。也许它并不总是正确的。这是我所做的：

  1. 我删除了所有 z-index 值和不必要的定位（我想后者没有意义）。
  2. 我设置z-index:auto了要在悬停时显示的 div 的容器。

现在代码工作正常：这是更新的JSFiddle。

于 2012-09-29T08:28:28.340 回答
0

试试这个 CSS

 .offer-info-shops span
position:absolute;
z-index:1000;

JSFIDDLE

于 2012-09-29T07:33:43.327 回答
0

有趣的问题。

更改以下 z 索引：

.offer-content, .offer-content-info-shops{z-index:auto}

.detail-modal-window{z-index:1}

http://jsfiddle.net/gteEg/12/

通过这样做，所有元素的 z 索引都会相互比较。

您遇到的问题是因为您将 z-index 分配给 offer-content 和 .offer-content-info-shops，因此您创建了一个堆栈上下文，这意味着 .offer-content-info 的子元素，例如 .detail -modal-window 的 z-index 与 .offer-content-info-shops 中的兄弟姐妹相比。

https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index

于 2012-09-29T09:10:15.600 回答