弹出窗口使用javascript＆amp;在Firefox和Firefox中，div的行为并不相同IE

Question

我在jsp页面中有一个使用div和javascript的弹出窗口，它还有一些富脸控件。

<a class="pr-toolbar-link pr-icon-help" href="#"
  onclick="popupWindow('aboutPopup',true);" 
  onblur="popupWindow('aboutPopup',false);">About</a>
<div id="aboutPopup" class="popup">
  <div class="popupbody">
<p>Some Message</p>
  </div>
</div>

当我点击“关于”时，弹出窗口在firefox中正确显示，即在所有其他内容的顶部，但在IE中，它与其他控件重叠。以下是CSS

.popup { border: solid 1px #333; font-family: Tahoma; font-size: 12px; display: none; position: absolute; width:300px; z-index:1; }
.popuptitle { background: #784574; color: white; font-weight: bold; height: 15px; padding: 5px;      }
.popupbody { background: #dee5ec; padding: 5px; text-align: center; }
#aboutPopup { top: 27px; left: 110px; }

我尝试将z-index值设置为高于所有其他控件，但仍然没有任何不同。

编辑：

Firefox弹出窗口

IE7 Popup

IE7 Popup

Answer 1

问题是放置代码以添加弹出窗口。我在代码之前添加代码，即在菜单控件之前。因此，即使在更改z-index之后，它也不在IE7的菜单控件之前。我只是在菜单控制代码之后将代码移到了最后，它也在IE7中工作。无论如何，感谢大家的建议。