模态窗口的ExtJS在Safari和Chrome不会掩盖其背后的一切(Modal ExtJS Win

我在想，如果有人可以帮助我解决这个问题。每次我展示其模式配置的Ext.Window设置为true，在FF和IE浏览器，它工作得很好，我的意思是弹出窗口后面都被屏蔽，而Safari和Chrome，事实并非如此。当我尝试向下滚动页面，我可以看到面具是有限的，这不是我想要的发生，因为可以很容易地做一些东西父页上即使窗口还没有关闭。有人可以帮我吗？ Thanx提前。：d

Answer 1:

我想，也许是你没有在运行的这种情况会发生Viewport ，所以我把一个简单的例子。事实证明，该模式的面具作品就好在Safari浏览器中的这个例子。试试吧，看看你的代码不同。

<html>
  <head>
    <link rel="stylesheet" href="ext-3.1.1/resources/css/ext-all.css" />
    <script src="ext-3.1.1/adapter/ext/ext-base.js"></script>
    <script src="ext-3.1.1/ext-all-debug.js"></script>
    <script>
      Ext.BLANK_IMAGE_URL = 'ext-3.1.1/resources/images/default/s.gif';
      Ext.onReady(function(){
        var p = new Ext.Panel({
          renderTo: 'panel',
          html: 'this is the panel',
          tbar: [{
            text: 'Show a Modal Window',
            handler: function() {
              new Ext.Window({
                title: 'Title',
                html: 'Try scrolling - the entire page should be modal',
                modal: true
              }).show();
            }
          }]
        });
      });
    </script>
  </head>
  <body>
    <h1 style="height:100px;background-color:green;">html page</h1>
    <div id="panel"></div>
    <h1 style="height:1200px;background-color:green;">html page</h1>
  </body>
</html>