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 класса применяются к сообщению загрузки но не к маске element.You необходимо использовать следующие CSS:

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

EDIT:

Чтобы сделать это для прикуривателя. Нам нужно добавить класс к тело & удалить что класс в то время как разоблачая.

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