Question

到目前为止我的代码。问题是弹出窗口似乎在Chrome中运行得很完美，但在Firefox中它进入窗口时会粘在窗口顶部，而在IE中弹出窗口甚至不会出现。

<html>
<head>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.10.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>


</head>
<body>

<div id="dialog" title="My Dialog Title" style="display:none">
    <p>This is My Dialog box Description/Content</p>   

</div>

<script type="text/javascript">

    $(document).ready(function() {    
    setTimeout(function(){
      $(function () {
        $("#dialog").dialog({
            show: {
            effect: 'drop',
            direction : 'up',
            distance: 1000,
            duration: 2000,
            },
        });
      });
    }, 2000)
});


</script>

<style>
.ui-dialog-titlebar {display:none;}
#other_content {width:200px; height:200px;background-color:grey;}
#dialog_content{display:none;}
</style>

</body>
</html>

我希望弹出窗口的行为方式与Chrome在所有浏览器中的行为方式相同。

http://jsfiddle.net/fakhruddin/x39Rr/14/

Web Page Link

请指导。

Answer 1

尝试添加：

<body style="height:100%">

Answer 2

解决方案很简单！添加到文件开头：

<!DOCTYPE HTML>

将jquery对话框弹出对齐到IE和Firefox中的屏幕中心

2 个答案: