javascript - JS组件未包含在固定 header 中

我有一个固定的标题（其中包含当我向下滚动时消失的内容）。但是它没有涵盖定标为"Jssor Slider"的js组件。我在网上看到了其他js组件的模拟效果。任何想法为什么会发生这种情况？

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

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

最佳答案

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

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

z-index可以是任何值。只要确保它高于滑动元素的z索引即可。

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