如何在菜单后面播放幻灯片

Question

我在标题和内容滑块中有megamenu，它使用html5和css3淡化。当我单击菜单时，我显示子菜单。但问题是，滑块的内容和图像显示在megamenu上，如屏幕截图所示。

以下是代码http://codepen.io/anon/pen/qCeHc

当我将鼠标悬停在菜单上时，幻灯片显示与子菜单重叠。帮我理清我所缺少的东西

Answer 1

将z-index值添加到以下内容。

#nav ul.subs {
background-color: #333;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
color: #333333;
display: none;
left: 0;
padding: 2%;
position: absolute;
top: 54px;
width: 96%;
z-index:999;
}