Javascript IE：居中并在屏幕上覆盖一个div

下面的代码在Firefox中工作得很好，但在IE中却不行

我需要在屏幕上正确地将div居中 -现在，潜水艇太倾向底部了

我还需要使这个div id=load覆盖整个窗口，并进行所有的点击以防止在其他地方点击

它需要与IE兼容

HTML

样本文件 使用：

#loading_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -75px;
}

---

而不是你的位置：相对；和加载框元素上的边距。使用这些将很难达到你想要的效果。

你的doctype不正确，使IE进入怪癖模式。用这个来代替，看看我们的立场：

这不是最大的问题，但为什么会有反对票？来吧，大家！说出你的意见，这样他就可以解决你不喜欢的任何问题。对不起，这太本地化了。你不能把你的全部代码都放在这里，指望我们帮你调试。顺便说一句，你有没有尝试在网上搜索对话/模式/覆盖jQuery插件，而不是从头开始使用自己的插件？@frederic hamidi我会说：为什么我不能使用自己的代码？！！！这个地方是为了帮助程序员，不管是不是专家。不是一个网站，轮胎改变一个人做事情的方式。。。我是美国人，我喜欢第五修正案，它为我们提供了言论自由，而不是压迫！！！！html代码中几乎最重要的事情是DOCTYPE声明，它定义了处理/显示元素的方式。你的门没有关好！！正因为如此，当浏览器进入时，您的所有努力都落在了石头上。将其替换为只是为了帮助。。。甚至在IE6+上也有您的解决方案。找到你自己的方式背景阿尔法过滤器显示在IE上。希望它有帮助。。。

#loading {
    background-color: black;
    background-color: rgba(1, 1, 1, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

#loading_box {
    width: 150px;
    height: 35px;
    border: 5px solid #FFFFFF;
    padding: 5px;

    text-align: center;
    margin-top: 50%;
    margin-left: 50%;
    position: relative;
    top: -15.5px
}

#loading_img {
    width: 31px;
    height: 31px;
}

#loading_txt {
    color: #49a0dc;
    font-weight: bold;
    margin-left: 0.5em;
    font-family: "Arial Black", Gadget, sans-serif;
}

#loading_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -75px;
}