Html 如何使此下拉列表位于其他元素之上

我有一个下拉菜单，看起来像这样：

<ul id="secondary-nav" class="menu">
    <li><a href="#">boeketten</a>
        <ul>
            <li>7 rododendrons</li>
            <li>7 rozen</li>
        </ul>
    </li>
    <span>∼</span>
    <li><a href="#">bloemstukken</a></li>
    <span>∼</span>
    <li><a href="#">planten</a></li>
    <span>∼</span>
    <li><a href="#">bruidsruikers</a></li>
    <span>∼</span>
    <li><a href="#">kerkdecoratie</a></li>
    <span>∼</span>
    <li><a href="#">evenementen</a></li>
    <span>∼</span>
    <li><a href="#">rouwwerk</a></li>
    <span>∼</span>
    <li><a href="#">rocabo potten</a></li>
</ul>

![enter image description here][1]

但它属于其他内容，如下所示：

<ul id="secondary-nav" class="menu">
    <li><a href="#">boeketten</a>
        <ul>
            <li>7 rododendrons</li>
            <li>7 rozen</li>
        </ul>
    </li>
    <span>∼</span>
    <li><a href="#">bloemstukken</a></li>
    <span>∼</span>
    <li><a href="#">planten</a></li>
    <span>∼</span>
    <li><a href="#">bruidsruikers</a></li>
    <span>∼</span>
    <li><a href="#">kerkdecoratie</a></li>
    <span>∼</span>
    <li><a href="#">evenementen</a></li>
    <span>∼</span>
    <li><a href="#">rouwwerk</a></li>
    <span>∼</span>
    <li><a href="#">rocabo potten</a></li>
</ul>

![enter image description here][1]

---

我如何才能使其位于顶部？

您为主

ul

定义了

z-index

，但它似乎处于静态位置（因此

z-index

无效）：尝试

ul#secondary-nav {
    z-index: 9999;
    position: relative;
}

---

您为主

ul

定义了

z-index

，但它似乎处于静态位置（因此

z-index

无效）：尝试

ul#secondary-nav {
    z-index: 9999;
    position: relative;
}

---

根据您的标记，您可能还需要应用position:relative；对于UL的容器（即问题），根据您的标记，您可能还需要应用position:relative；到你的UL的容器（即问题）