Question

我正在开发一个网站，我正在尝试添加nivo滑块。我遇到的问题是滑块覆盖了css下拉菜单，我没有在菜单中看到方向箭头。

当我将z-index：-50添加到nivo-slider.css文件中的.nivoSlider行时，菜单按原样运行，不会隐藏在滑块后面，但我仍然没有导航箭头，并且现在，实际滑块（左侧或右侧）中的导航箭头可见，但不起作用。

查看这些问题的链接是here。

任何建议的帮助将不胜感激。谢谢，乔

Answer 1

好的，首先从.nivoSlider删除z-index。第二个也是最重要的部分 - 你在菜单中有这样的结构：

<ul id="nav-one" class="dropmenu css-only">
<li><a style="border-left:1px solid #CCCCCC; padding-left:23px; padding-right:23px;" href="index.php">Home</a></li>

<li><a href="company.php">Company</a>
    <ul class="SomeNewClass">
    <li><a href="history.php">History</a></li>
    <li><a href="markets.php">Markets</a></li>
    <li><a href="news.php">News</a></li>
    <li><a href="licensee-advisory-board.php">Licensee Advisory Board</a></li>
    <li><a href="copyright-notice.php">Copyright Notice</a></li>
    </ul>
    </li>
<li><a href="branding.php">Branding</a>
    <ul class="SomeNewClass">
    <li><a href="graphics.php">Graphics</a></li>
    <li><a href="signs.php">Signs</a></li>
    <li><a href="paint.php">Paint</a></li>
    <li><a href="dispenser-doorSkins.php">Dispenser DoorSkins</a></li>
    <li><a href="dispenser-overlays.php">Dispenser Overlays</a></li>
    <li><a href="image-manual.php">Image Manual</a></li>
    <li><a href="image-evaluation-form.php">Image Evaluation Form</a></li>
    </ul>
</li>
<li><a href="payments-processing.php">Payments Processing</a>
    <ul class="SomeNewClass">
    <li><a href="fleet-card.php">Fleet Card</a></li>
    <li><a href="echoSat.php">EchoSat</a></li>
    <li><a href="PCI-compliance.php">PCI Compliance</a></li>
    <li><a href="transnational.php">TransNational</a></li>
    </ul>
</li>
....
....
....

如您所见，我添加了名为.SomeNewClass的课程。把这个班级放在所有位置，比如我在示例中展示你，然后将它放入你的CSS

.SomeNewClass
{
    z-index: 99999;
}

Nivo滑块css下拉菜单冲突

1 个答案: