Question

我在主页的所有部分的顶部都有一个固定的标题。但是当我滚动时，所有内容和部分都会覆盖（上方）固定标题，标题仍然像背景一样。

如何解决此问题，所有图像和内容都在固定标题下？

CSS

#header-wrapper { 
   width:100%; 
   float:none;
   background:#09f;
   z-index:999px;
   position:fixed;
   top:100;
}

Answer 1

尝试使用此

position: fixed;
Top: 100px;
left: 0;
z-index: 9999;

Answer 2

使用

   position: fixed;

到固定标题的父元素，这应该工作

Answer 3

根据您的说明，我认为z-index存在一些问题

这可能会有所帮助

移动WebKit和Chrome 22+，即使position: fixed为z-index，auto也会创建新的堆叠上下文。

所以堆叠上下文层次结构如下所示：

文档根目录（z-index 0）
- #element（z-index 9998）
- #element2（z-index 0）
  - .aboveElement（z-index 9999）
  - .belowElement（z-index 9997）

您无法将9998与9999或9997进行比较以确定堆叠顺序。相反，9999与9997进行比较，以确定.aboveElement和.belowElement中的哪一个位于前方，然后#element2内的所有内容都堆叠在该上下文中，它被视为z-index 0的单个图层，在z-index #element处堆叠在9998后面。

阅读the stacking context in mozilla

阅读the stacking change for fixed elements in Chrome。

Answer 4

z-index属性应该只是没有px的整数值，它不能有单位，因为它只是指定元素的顺序。

看看here

滚动时，所有部分都显示在固定标题上

4 个答案: