如何使div堆叠在“固定定位”元素（包含全屏背景幻灯片）的顶部？

Question

因此，在我的SSCCE中，我有一个ul ，其position:fixed ， background-size:cover set。 此ul包含6个span以及background图像，以幻灯片形式显示。

我按照本教程进行操作。 （演示在这里）

现在，我还有更多内容要添加到页面中。 我希望它能像这样显示 （即，幻灯片放映应该固定在后台，如果需要，其余内容应该悬停在它上面-滚动）。-这里的教程。

我已经预先确定 ，如果我为ul包含幻灯片放映标记的内容的其余部分创建一个div，那么我会得到理想的结果-因为在我链接的CSS-Tricks演示中，背景图片是应用于具有fixed位置的<html> ，而没有position应用于其余内容（默认情况下为static ），并且在我的代码中ul也具有固定位置。 但是我的内容似乎堆放在幻灯片下面？

那么，如何使#content-below-slider div堆叠在包含幻灯片的ul ，而不是在其下面呢？

我试过的

我尝试应用z-index:10000; 到#content-below-slider ，但这没有任何区别。 我不知道该怎么办。

我理解position:fixed元素不在页面的流动范围内，而是悬停在页面其余部分的顶部，但是为什么它不会在CSS技巧演示中发生。 我该怎么办？

注意：- 我没有发布代码，因为任何人阅读问题都会反正检查Fiddle链接，因此可能会使问题不必要地冗长。 如果您认为我也应该在此处发布代码，请告诉我。

Answer 1

我认为您可以将此CSS添加到＃content-below-slider中（抱歉，如果我不了解您，这不是您想要的）：小提琴

#content-below-slider {
 position: relative;
}

如何使div堆叠在“固定定位”元素（包含全屏背景幻灯片）的顶部？

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-03-29 09:03:45

如何使div堆叠在“固定定位”元素（包含全屏背景幻灯片）的顶部？

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-03-29 09:03:45

解决方案1
2 已采纳 2015-03-29 09:03:45