动画制作时，翻转图库图像会显示在我的固定标题上

Question

我有一个固定的div标头。滚动向上/向下时，页眉位于页面顶部。

#top {
text-align: center;
margin: 0 auto;
background-image: url(layout/bannerbg.png);
background-size: 100% 100%;
height: 50px;
overflow: hidden;
position: fixed;
width: 100%;
-moz-box-shadow: 0px 3px 10px 6px #000;
-webkit-box-shadow: 0px 3px 10px 6px #000;
box-shadow: 0px 3px 10px 6px #000;
}

在包含我的图片库的页面上，图库图像使用jQuery翻转，淡入/淡出效果。在淡入/淡出期间，图像会短暂出现在我的固定标题顶部。有人知道快速解决这个问题吗？

Answer 1

试试这个

#top{
    z-index:100;
    /*other css code for #top*/
}