如何对所有内容进行分层？

Question

我有一个固定在所有页面顶部的动态标题。但是，当我向下滚动时，一些元素重叠在它上面：

有关如何解决此问题的任何想法？

Answer 1

CSS中的

z-index: 1000（或高于其他Z索引的值）应该有效。浏览器不仅使用X和Y坐标进行渲染，还有一个Z来确定哪个层位于顶部。 z-index执行此操作。

你应该避免使用它。更简洁的解决方案是通过（例如）在HTML中按正确的顺序放置元素来纠正浏览器的自动索引。

Answer 2

这通常是通过给元素一个高z-index：

来完成的

#element-id {
  z-index: 1000;
}