jQueryUI 对话框位置在 Chrome 和 Safari 中损坏

Question

这看起来真的很奇怪。看看 Firefox 中的这个 fiddle 。 http://jsfiddle.net/mjT5R/1/

请注意， fiddle 是 jQueryUI 基本对话框演示(逐字)。

该对话框没有样式，出现在结果框架的中央。现在尝试在 Chrome 中(我的版本是 8.0)。它在左上角，不是吗？

现在尝试添加一些 CSS(在 Chrome 中)。添加<link rel="stylesheet" href="http://www.jqueryui.com/themes/base/jquery.ui.all.css">到 HTML 部分的顶部。当设计好后，这个位置就会神奇地发挥作用!

那么，为什么 Chrome(以及 Safari，根据我们的测试团队的说法)无法正确定位对话框呢？不仅仅是 iframe - 全屏结果也有同样的问题。

Answer 1

您只需添加以下 CSS:

.ui-dialog { margin:0 auto; }

...它应该按照您想要的方式居中。我updated your fiddle来展示这一点。