JS组件未被固定标头覆盖

Question

我有一个固定的标题（它涵盖了向下滚动时消失的内容）。但它并没有覆盖"Jssor Slider"的js组件。我在网上看到了其他js组件的类似效果。任何想法为什么会这样？

header {
    background: #f00;
    height: 136px;
    width: 100%;
    position: fixed;
    text-align: center;
}

这里是小提琴： http://jsfiddle.net/e6k4h25g/

Answer 1

如果您不必支持旧浏览器，请使用

header {
    background: #f00;
    height: 136px;
    width: 100%;
    position: fixed;
    text-align: center;
    z-index:20;
}

z-index可以是任何东西。只要确保它高于滑动元素的z-index。

更新小提琴： http://jsfiddle.net/e6k4h25g/1/