<p>标记阻碍<nav>的孩子？

Question

Codepen:http://codepen.io/marcoms/pen/vAgep/

上面的笔有一个<nav>带有下拉列表的栏,其层次结构如下:

nav > ul.nav-list > li.parent > ul  /* ul: dropdown list */

随后<p>隐藏下拉列表,这是不需要的,我无法弄清楚如何阻止它.

奇怪的是,如果{-webkit-,-moz-,...}transform应用了a ,那么下拉列表会自己堆叠在上面<p>.(粘-webkit-transform: translateX(0)在笔上看,这几乎肯定是一个错误,但我不知道我能做些什么来解决这个问题,除了改变display和z-indexes.

Answer 1

为了z-index正常工作,你还必须使用position:relative(或任何position真正的,但relative在这种情况下)