【发布时间】：2012-06-23 19:15:59
【问题描述】：
我有这个，正在尝试为网站制作一个模式窗口：http://jsfiddle.net/qHqvn/
我想让它在浏览器、IE6、Firefox 和 Chrome 上看起来一致。但是我做错了，因为在每个浏览器中它的显示方式都不同。我希望红色框始终占据屏幕宽度和高度的 50%，并且在用户关闭它之前不要让用户与下面的内容进行交互。
在 chrome 中它的行为确实符合我的预期，但在 Firefox 中，该框永远不是我想要的，它水平居中但不是垂直居中，如果我调整导航器窗口的大小，它会被推得更远。在 IE6 中，好吧，没什么好说的，它就是不能工作。
无论如何，它的行为不正常是我的错，但我只是不知道我做错了什么
【问题讨论】：
-
这必须是您自己制作的模态框吗？你看过 JQuery 的对话框吗？ jqueryui.com/demos/dialog/#modal
-
@amburnside 我不认为是这样，但就目前而言，鉴于我工作的地方他们还没有使用 jquery（我将不得不提出它），它必须是矿。但是，无论我是否使用 jquery，我都对 css 发生的事情感兴趣。
-
@amburnside 我怎样才能看到 jquery 提供了一个好的结果？我对 css 的理解更感兴趣。感谢您的帮助。
标签： css modal-dialog