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类应用于加载消息但不应用于mask元素。您需要使用以下css：

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

修改

为一个案件做这件事。我们需要添加 类到正文＆amp;在取消屏蔽时删除 类。

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;
}