z-index高级别的覆盖不了低级别的问题

 问题:打开弹窗，再打开导航栏，导航栏的下拉框被弹窗给遮盖了。看了下页面元素，导航栏的z-index:2000;而弹窗只有1000。

        在网上找了下，原因如下：z-index只是比较同级元素，如果父元素的级别低，即使子元素级别再高也没用。

     开始找：判断弹窗和导航栏是不是同级元素，ok，不是。  找导航栏的父元素看它的z-index，没有找到，再找父父元素。。。直到找到了个z-index：999的。就是它限制了导航栏的遮盖，改为2000，问题解决。