Modal ExtJS窗口不会在Safari和Chrome中掩盖其背后的所有内容

Question

我想知道是否有人可以帮助我解决这个问题。 每次我将Ext.Window的模式配置设置为true时，在FF和IE中都可以正常工作，我的意思是弹出窗口后面的所有内容都被遮盖了，而在Safari和Chrome中却没有。 当我尝试向下滚动页面时，我看到掩码受到限制，这不是我想要的，因为即使在窗口尚未关闭的情况下，也可以轻松地在父页面上执行某些操作。 有人可以帮我吗？ 提前感谢。 ：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>

Answer 2

开箱即用的Safari和Chrome应该可以正常工作。 我刚刚在Safari 4.0.4 Mac中验证了此页面，并且可以在滚动和/或调整浏览器大小时正常使用。 在您的特定浏览器/平台上，Ext可能存在一个错误，但这是一种基本功能，对此我表示怀疑。 该页面对您有用吗？

Answer 3

这有助于将Ext.Msg.show（）警报的z-index设置在为我打开的窗口的前面。

Ext.WindowMgr.zseed = 10000;

Modal ExtJS窗口不会在Safari和Chrome中掩盖其背后的所有内容

问题描述

3 个解决方案

解决方案1
1 2010-02-12 15:52:27

解决方案2
0 2010-02-12 14:46:55

解决方案3
0 2010-05-20 22:53:02

Modal ExtJS窗口不会在Safari和Chrome中掩盖其背后的所有内容

问题描述

3 个解决方案

解决方案1 1 2010-02-12 15:52:27

解决方案2 0 2010-02-12 14:46:55

解决方案3 0 2010-05-20 22:53:02

解决方案1
1 2010-02-12 15:52:27

解决方案2
0 2010-02-12 14:46:55

解决方案3
0 2010-05-20 22:53:02