Extjs 4 Ext.getBody().mask() - 使这个特殊的掩码透明

Question

我正在尝试创建一个 ExtJS 4 掩码，它是透明的，只有一个地方没有加载消息。

Ext.getBody().mask(); 
<do something.....>
Ext.getBody().unmask();

上面的代码给出了一个没有任何加载消息的蒙版，但蒙版仍然可见。我想让它透明。我尝试向其中添加另一个 cls，例如：

Ext.getBody().mask(false, 'myMask');
CSS
.myMask { background-color: transparent; opacity: 0; }

但是没有用。 :(

也试过Ext.LoadMask但是即使没有设置消息也会出现加载消息框

请帮忙。提前致谢！

Answer 1

myMask class 应用于加载消息但不适用于掩码 element.You 需要使用以下 css:

.x-mask {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); // for older browsers
opacity: 0;
background: transparent;
}

编辑：

针对特定情况执行此操作。我们需要 add a class to body & remove 即 class 而 取消屏蔽 。

Ext.getBody().addCls('transparentMask'); 
Ext.getBody().mask(); 
<do something.....>
Ext.getBody().unmask();
Ext.getBody().removeCls('transparentMask');

CSS:

.transparentMask .x-mask {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); // for older browsers
opacity: 0;
background: transparent;
}

Extjs 4 Ext.getBody().mask() - 使这个特殊的掩码透明

Extjs 4 Ext.getBody().mask() - Make this particular mask transparent

javascript

css

extjs

extjs4