css下拉菜单进入幻灯片放映

Question

我正在用css3创建一个css下拉菜单。在该导航之后，该页面具有幻灯片。问题是当我徘徊在下拉菜单中时，它会在幻灯片下显示，因此无法看到下拉项目。

我不知道在哪里修理，导航或幻灯片显示？

以下是幻灯片显示的代码：

.sp-slideshow {
position: relative;
margin: 10px auto;
width: 100%;
max-width: 1000px;
min-width: 260px;
height: 360px;
color:#000;

Answer 1

尝试将z-index添加到幻灯片包装器和菜单中。

，例如：

HTML

<div class="nav">

</div>
<div class="content">
  <div class="slider">

  </div>
</div>

CSS

.nav{
  z-index:100;
}

.slider{
  z-index:80;
}

z-index属性指定元素的堆栈顺序。

堆栈顺序较大的元素始终位于堆栈顺序较低的元素前面。

注意：z-index仅适用于定位元素（位置：绝对，位置：相对或位置：固定）。

希望这有帮助，如果没有，请告诉我。

干杯马可。

Answer 2

很难帮助你，没有任何标记和几行CSS，但尝试将z-index应用于下拉菜单。

dropdown class or id {
    position: relative or absolute;
    z-index: 1000;
}