我正在构建一个仅限CSS的下拉列表。我需要在主导航列表中的<li>周围有一个连续的边框，以及在悬停时出现的子菜单的嵌套<ul>。
目前，我正尝试使用z-index属性将<ul>置于<li>下方，以消除子菜单和顶部导航栏相遇的顶部边框。 <li>附加了相对定位，<ul>子菜单与其相关（我意识到z-index仅适用于定位元素。）Z-index似乎有效，但是边界继续显示出来。
您可以看到示例here
答案 0 :(得分：0)
您要隐藏的元素（ul）是必须位于顶部（li）的元素的直接后代。使用z-index无法做到这一点。 （并且祖先的z指数无关紧要）
您需要放置另一个元素，即li的子元素，以隐藏您不想要的边框部分
也就是说，如果你有一个父亲和两个孩子，首先是父亲，然后是具有较低z-index的孩子。 z-index给予兄弟之间的偏好，但不是父亲面前的儿子。