Codepen：http://codepen.io/marcoms/pen/vAgep/
上面的笔有一个带有下拉列表的<nav>栏，其层次结构为：
nav > ul.nav-list > li.parent > ul /* ul: dropdown list */
随后的<p>会隐藏下拉列表，这是不需要的，我无法弄清楚如何阻止它。
奇怪的是，如果应用了{-webkit-,-moz-,...}transform，那么下拉列表会自己堆叠在<p>之上。 （在笔中粘贴-webkit-transform: translateX(0)并查看），这几乎肯定是一个错误，但除了更改display和z-index之外，我不知道如何解决这个问题。
答案 0 :(得分：6)
要使z-index正常运作，您还必须使用position:relative（或任何position，但在这种情况下relative