Javascript 绝对位置div位于IE7中文本框的后面

我有一个绝对定位的自定义下拉列表的问题，在IE7中，div位于一个普通的文本框后面，这个文本框没有任何特殊的位置。 我已经读过这个主题：但是解决方案对我没有帮助

我的代码与提出上述问题的人之间的区别在于，我的div是使用document.write通过javascript创建的，并通过appendChild添加它

addEvent(document.getElementById("storeDown"), "click", showRegions);
var showRegions = function(e) {
        var dd = getTarget(e);
        if(document.getElementById("regionOptions")) {
            dd.parentNode.removeChild(document.getElementById("regionOptions"));
            regionsShowing = false;
        } else {
            var ddNode = document.createElement("div");
            ddNode.id = "regionOptions";
            ddNode.style.backgroundColor = offColor;
            var optNode;
            for(var region in storeList) {
                optNode = document.createElement("div");
                optNode.innerHTML = region;
                ddNode.appendChild(optNode);
            }
            dd.parentNode.appendChild(ddNode);
            regionsShowing = true;
        }
        cancelEvent(e);
    }

---

我的父div的z-index为500，位置是相对的，regionOptions是绝对的，我也尝试给它添加一个z-index，但没有效果。

好的，最后我找到了答案，我改变了它的附加位置，所以它被附加在页面底部的div中，在所有文本框之后（在我的例子中，是一个按钮div），因此，它不再是

dd.parentNode.appendChild（ddNode）

，而是

document.getElementbyId（“按钮”）.appendChild（ddNode）

，而且还必须更改CSS，使其相对于页面包装而不是特定的div处于绝对位置，并且似乎已经修复了它。

你说它不同，它仍然与您链接的相同。给父节点一个z-索引，并将其设置为相对。显然，在页面已经加载并且索引已分配给元素之后，我附加它确实会有所不同，请查看下面我的答案，谢谢！我在动态内容方面一直遇到这个问题。您的解决方案只是更改了加载内容的位置，因此您避免了该问题。不知道你的HTML结构会使你的解决方案对其他人没有帮助。我很乐意向你展示HTML，但这是针对一个还没有上线的网站，它没有什么特别之处，它只是一个包含在包装器div中的表单和大约10个文本框，用于诸如姓名、地址、年龄等。。底部有3个按钮（submit、home、reset），我将我的子节点连接到所有文本框之后的buttons div，这样它就位于代码的底部，然后绝对定位它。