如何获得一个固定的DIV停留在绝对的顶部

Question

我有一个标题与一个菜单，这是一个固定的div和"单页"滚动到使用jQuery的内容。我遇到的问题是，因为我包含了一些css来使图片相互褪色，我不得不将它们定位为绝对和相对。

现在当页面滚动时，带有渐变效果的图像会在固定标题的顶部滚动。有人知道怎么解吗?

查看页面http://www.axeltagg.com/test/

非常感谢!

Answer 1

使固定div的z-index大于绝对div的z-index。

Answer 2

添加Z-index到header

z-index: 999;

z-index属性指定元素的堆栈顺序。
堆栈顺序较高的元素总是位于堆栈顺序较低的元素的前面。参考点击这里

Answer 3

add z-index to your header -

#header {
  z-index: 99999;
}

Answer 4

#header {
    position: fixed;
    top: 0px;
    left: 0px;
    background: #f5f5f5;
    height: 200px;
    width: 100%;
    z-index: 1;
}