Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在IE兼容模式下居中显示jquery对话框?_Javascript_Jquery_Css_Internet Explorer - Fatal编程技术网

Javascript 如何在IE兼容模式下居中显示jquery对话框?

Javascript 如何在IE兼容模式下居中显示jquery对话框?,javascript,jquery,css,internet-explorer,Javascript,Jquery,Css,Internet Explorer,我创建了一个jquery对话框,当不处于兼容模式时,它在IE中可以正常工作。然而,我的公司要求对一些遗留代码使用IE的兼容模式。以下是我到目前为止的情况。关于如何更改它,使其在使用iE兼容性时显示在中心,有什么想法吗 var originalColor; function Form2958MessageBox(isValid) { var target = $(this); if (isValid) { $("#Form2958DataGridSuccess")

我创建了一个jquery对话框,当不处于兼容模式时,它在IE中可以正常工作。然而,我的公司要求对一些遗留代码使用IE的兼容模式。以下是我到目前为止的情况。关于如何更改它,使其在使用iE兼容性时显示在中心,有什么想法吗

var originalColor;

function Form2958MessageBox(isValid) {
    var target = $(this);
    if (isValid) {
        $("#Form2958DataGridSuccess").dialog({
            position: { my: "center", at: "center"},
            title: "Successful Submission!",
            modal: true,
            buttons: {
                "Close": function () {
                    $(this).dialog("destroy");
                }
            } 
        });
    }
    else {
        $("#Form2958DataGridFailure").dialog({
            position: { my: "center", at: "center", of: target},
            title: "Submission Errors Found",
            modal: true,
            buttons: {
                "Close": function () {
                    $(".ui-dialog-title").css("color", originalColor);
                    $(this).dialog("destroy");
                }
            },
            create: function (e, u) {
                originalColor = $(".ui-dialog-title").css("color");
                $(".ui-dialog-title").css("color", "red");
            }
        });
    }
}
IE兼容模式(IE7仿真)模拟IE7及更低版本,不识别css边距属性的自动规则

您可以向div添加align属性,使其能够正常地回退

您可能还必须指定文本对齐规则(如上所述)

您的页面可能不会在validator.w3.org上进行验证,但您可以安全地忽略警告/错误

您可以将x-ua IE=Edge元添加到页面中,以强制任何IE7浏览器或可能仍在使用IE8的任何用户,并“在兼容性视图中显示所有站点”强制IE8+呈现和css 2.1合规性。如果您的站点是intranet站点并且您已强制“在兼容性视图中显示intranet站点”,请使用x-ua元

IE7仿真也不支持静态定位……您的div覆盖应该绝对定位或相对定位;IE7仿真中静态定位的解决方法是在.static类上使用MSIE计算规则

问候