html - 创建不同的 CSS 层

Question

您好，我是 CSS 的新手，需要一些帮助。我想在 CSS 中为我​​的网站创建 3 层，使其看起来像我在下面提供的图片。

我该如何在 CSS 中进行设置？任何帮助将不胜感激。

谢谢。

Answer 1

您想了解 z-index 属性。但基本上，任何你应用 z-index 的东西都需要有一个 position 设置......我很确定 static 不起作用但是 absolute relative 和 fixed 都可以。然后你就可以订购了。例如:

.div-background{
  z-index:1;
  position:relative;
}
.div-middle{
  z-index:2;
  position:relative;
}
.div-front{
  z-index:3;
  position:relative;
}

有道理吗？