Javascript 如何在IE兼容模式下居中显示jquery对话框?
我创建了一个jquery对话框,当不处于兼容模式时,它在IE中可以正常工作。然而,我的公司要求对一些遗留代码使用IE的兼容模式。以下是我到目前为止的情况。关于如何更改它,使其在使用iE兼容性时显示在中心,有什么想法吗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")
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计算规则
问候