div在之前的div下而不是之后

Question

我遇到了一个问题，我确信它有一个简单的解决方案，但我找不到它。

我有两个div。第一个背景图像模糊，内容丰富。它工作得很好。但是第二个div而不是追随第一个div而不是它。

这是我的代码：

DbContext

我的CSS：

<div class="section1">
  <!-- Content here -->
</div>
<div class="section2">
  <!-- Content here -->
</div>

为了演示，我在第1节中添加了一个margin-top。结果如下图所示：

Answer 1

由于.section1具有固定的位置且默认情况下.section2具有静态位置，因此您必须在relative上指定.section2位置以使其成为可能在第一个上面，默认情况下取z-index值为2。

See this fiddle

我喜欢在SO上分享这个答案，因为它解释了如何计算z-index值并对其进行了很好的解释： https://stackoverflow.com/a/7490187/6028607