Html div分层问题

我正在为一个内部服务器上的现有web应用程序开发，我不能在这里发布所有代码，因为它非常凌乱，但我可以向大家展示问题的屏幕截图和相关css代码：

语言菜单应该在蓝色边框框的顶部，但它在下面

它在FF中非常有效，这是一个IE7屏幕截图

蓝色边框框css：

.categoryBox {
    width:100px;
    background-color:#000;
    border-style:solid;
    border-width:1px;
    border-color:#007CF7;
    padding:5px;
    float:left;
    height:260px;
    margin-right:25px;
    margin-bottom:20px;
    text-align:center;
    width:200px;
    position:relative;
}

语言菜单css：

#ChooseLanguageDlg
{
    display: none;
    position: absolute;     
    width: 87px; 
    height: 180px; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top:0;
    margin-top: -9px;
    border: none 1px White;
    left: 751px;
    top: 10px;
    font-size:11px;
    overflow:hidden;
    text-align:center;
}

注意：语言菜单使用javascript切换来显示/隐藏

编辑：

---

向语言框添加z-index不会改变IE中的可见性，手动设置语言框的z-index可能会有所帮助。当然，如果您不想这样做，那么将语言框放在标记中蓝色框之后也可以做到这一点。

您可以尝试添加z索引。这将定义哪个元素位于哪个元素之上：

---

在语言框的样式中添加z索引？

IE的z索引有问题（请参见谷歌）。由于我必须解决一个类似的问题，我被迫使用javascript隐藏背景元素，这对您来说并不太合适

---

如果可能的话，您可以尝试更改html代码中的创建顺序。

IE7存在

z-index

的已知问题。在看不到您的页面的情况下，我所能做的就是为您指出一些有用的链接，这些链接解释了问题：

一般的想法是在下拉列表的父元素上戳出

位置：相对

（通常移除它）和

z-index

，直到它被修复为止

---

祝你好运

我尝试将

z-index:999

添加到语言框中，但它没有改变任何东西。此外，无法将语言框移动到其他位置。请检查语言框的任何父节点是否在类别框后面。您可以通过获取有问题页面的源并将导入的样式表放置在

标记中，在上创建测试用例。如果您愿意，您也可以编辑页面上的任何文本。只要演示也有IE7的问题，我应该能够帮助你。