所以这就是我得到的：
现在，当您按下右侧带有“预约”的大胖蓝色按钮时，会出现一个灯箱。尽管此灯箱位于幻灯片下方并且与菜单相同，但 z-index 比灯箱大。尽管我已将灯箱的 z-index 设置为 999999，但它仍然出现在它们下方。
我应该在这里做什么？
问问题
76 次
2 回答
0
我即将面临类似的问题，但我一直在尽我所能忽略它。
我的计划虽然可能并不完美，但它是运行一个脚本，它会在页面上找到最高的 z-index 并将它们递减 1，以便我的对象实际上可以位于顶部。
由于您使用的是 jQuery，因此您可以使用TopZIndex 之类的插件，或者您可以简单地检查该插件并借用使其$.topZIndex()工作的代码。
一旦您拥有具有最高 z 索引的对象，您就可以修改它们的 CSS 以降低该值。
使用该插件，代码将如下所示：
var bastardObjects = $.topZIndex();
bastardObjects.css("z-index",999998);
编辑：如果我误解了，我很抱歉，我以为你是说你有多个具有最大 z-index 的对象，因此它们不能很好地一起玩。
于 2012-05-11T15:57:02.920 回答
0
问题的根源是 modal-bg 和 modal-box 的位置。
它们都在一个带有“page-content-shadow”类的元素中——这个类的位置都是相对的，z-index 是 5。这意味着即使你将模式设置为 z -index 为 99999，这仅适用于其父元素的 z-index 的上下文（在本例中为 5）。
要解决这个问题，您只需将 page-content-shadow 类的 z-index 更改为 100。这将把它放在导航和幻灯片的顶部（至少在 Chrome 中）。
于 2012-05-11T18:37:09.947 回答