Html 下拉菜单错误和幻灯片放映

这是下拉菜单和幻灯片的HTML代码：

<div class="bg">
        <div class="main">
            <header>
                <div class="row-2">
                    <nav>
                     <a href="./index.php"><img class="logo" src="http://aavirtual.net/images/aanewlogo1.png"></a>
                        <ul class="nav">
                          <li><a href="index.php">Home Page</a></li>
                          <li><a href="./index_public.php?page=about_us">Sobre nosotros</a>
                            <ul>
                            <li><a href="#nuevos">Nuevos</a></li>
                        <li><a href="#reacondicionados">Reacondicionados</a></li>
                        <li><a href="#cilindrados">Cilindrados a medida</a></li>
                        <li><a href="#compra">Compra de Tanques</a></li>
                        </ul>     </li>   
                        <li><a href="./index_public.php?page=pilots_public">Pilotos</a></li>
                          <li><a href="./index_public.php?page=fleet_public">Flota</a></li>
                          <li><a href="./index_public.php?page=contacts_form">Contacta</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="row-3">
                    <div class="slider-wrapper">
                        <div class="slider">
                          <ul class="items">
                            <li><img src="images/slider-img1.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1">Pasión por Volar</strong>
                                    <strong class="b2">Realismo</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                            <li><img src="images/slider-img2.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1">Pasión por Volar</strong>
                                    <strong class="b2">Realismo</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                            <li><img src="images/slider-img3.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1"></strong>
                                    <strong class="b2">Simulación</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                            <li><img src="images/slider-img4.jpg" alt="">
                                <strong class="banner">
                                    <strong class="b1"></strong>
                                    <strong class="b2">Operaciones realistas</strong>
                                    <strong class="b3"></strong>
                                </strong>
                            </li>
                          </ul>
                          <a class="prev" href="#">prev</a>
                          <a class="next" href="#">prev</a>
                        </div>
                    </div>
                </div>

            </header>

这是一个下拉菜单，但下面有一个幻灯片。而且下拉菜单没有出现在幻灯片中，所以我看不到所有的下拉菜单

---

我怎样才能看到所有的下拉菜单？？？我需要幻灯片和下拉菜单。我试过使用z指数，但我不知道为什么它不起作用。

您的z指数增加可能不起作用的原因可能是。基本上，因为您严重依赖于类，所以可能会有其他选择器优先于类，因为它们更具体。也就是说，它们是单元素引用

例如，如果您创建了一个id为mydiv的

，并且给它一个类

myclass

，并且在CSS中为每个类应用了不同的背景色，则浏览器将选择最具体的选择器并应用其规则；在本例中，ID是唯一的（因为ID对于元素是唯一的，所以类不是唯一的）

在您的情况下，您可以尝试使用

！重要的

增加特异性的规则，但I。尝试调整CSS规则，使其更具体，例如：

li{z-index: 999;}

试试这个：

.some-class #some-id ul li{z-index: 999;}

---

第2行{宽度：100%；最小高度：85px；位置：相对；z索引：3}

.some-class #some-id ul li{z-index: 999;}