无法在标题导航菜单前面显示模式弹出窗口

Question

我有一个带有以下css的菜单标题：

#header_bg{position: absolute;top: 0;left: 0;width: 100%;}

#header{position: relative;width: 1024px;left: -10px;margin: 0 auto;z-index: 9999999;min-height: auto;height: auto;-webkit-transition: linear .3s;-moz-transition: linear .3s;-ms-transition: linear .3s;-o-transition: linear .3s;transition: linear .3s;}

.header_container{position: fixed;float: left;width: 100%;  z-index: 999999;background: rgba(255, 255, 255, 1);max-height: 100%;height: auto;border-top: 1px solid #444;-webkit-transition: linear .3s;-moz-transition: linear .3s;-ms-transition: linear .3s;-o-transition: linear .3s;transition: linear .3s;-webkit-box-shadow: 0px 1px 6px 0px rgba(68, 68, 68, 0.1); box-shadow: 0px 1px 6px 0px rgba(68, 68, 68, 0.1);}

将标题显示为：

当用户点击标题上的“登录”或“注册”按钮时，我试图在页面前面添加一个模式弹出窗口div。弹出窗口工作正常，但弹出窗口的一部分隐藏在标题下方，并且不可见。

我尝试使用position和z-index csss属性但没有成功....

坚持这个约5个小时....

标题和弹出窗口的HTML快照

首先在页面中，Header代码位于底部，是Popup代码...

HEADER HTML CODE

POPUP HTML代码