在Chrome和Safari中破解了jQueryUI对话框位置

Question

这看起来很奇怪。看看Firefox中这个小提琴。 http://jsfiddle.net/mjT5R/1/

请注意，小提琴是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来表明这一点。

Answer 2

我实际上发现我们的css在我们的网站上已经过时了。使其工作的css是让.ui-dialog具有position：absolute。在旧版本中它是相对的，它在Webkit中打破了它。