모달 창 뒤의 마스크 불투명도 변경

Question

모달 창 뒤에있는 불투명도를 변경하고 싶습니다. 나는 그것을 불투명하게하고 싶다. 그리고 이것은 하나의 창만을위한 것입니다. 누군가 내가 어떻게 할 수 있는지 말해 줄 수 있니? 내가

this.getEl().setOpacity(1); 
    this.mask.setStyle('opacity', 1); 
    this.el.mask().setStyle('opacity',1); 

을 시도 나는이 세 가지 코드를 시도했지만 그들 중 누구도 일했다.

Answer 1

도 비슷한 요구 사항을 갖고 있는데, domQuery를 사용하여 'x-mask'엘을 얻었고 css를 추가하여 불투명도를 변경했습니다. .

.customWinMask.x-mask { 
     filter: alpha(opacity=50); 
     opacity: .5; 
     background: blue !important; 
} 

작업 바이올린 : https://fiddle.sencha.com/#fiddle/7fu

Answer 2

그래서, 나를 위해 위의 코드 힘 작업이 완전히

는 예를 들어, 윈도우

show: function(win) { 
      if (this.modal) { 
       var dom = Ext.dom.Query.select('.x-mask'); 
       var el = Ext.get(dom[0]); 
       el.addCls('customWinMask'); //remove on hide 
      } 
} 

CSS .. 쇼입니다. . 나는

show: function(win) { 
      if (this.modal) { 
        var dom = Ext.dom.Query.select('.x-mask'); 
        for(var i=0; i<dom.length;i++){ 
         Ext.get(dom[i]).setStyle('opacity',1); 
        } 
      } 
}, 


close: function(win) { 
       if (this.modal) { 
        var dom = Ext.dom.Query.select('.x-mask'); 
        for(var i=0; i<dom.length;i++){ 
         Ext.get(dom[i]).setStyle('opacity',0); 
        } 
       } 
} 

Answer 3

user2316489, 당신은 예를 들어 0.5 일에서 불투명도를 변경해야합니다, 그것에 followinf 수정을 사용했다 :) (

this.getEl setOpacity (0.5); this.el.mask(). setStyle ('opacity', 0.5); > 기타> all.scss을 SASS하기는 ExtJS의 6.0

Answer 4

당신은 예를 들어, Ext.LoadMask에 대한 말대꾸 변수를 사용할 수 있습니다

을

.x-mask { 
    opacity : 0.3 
} 

그것은에 extjs 6.0

Answer 5

이동에

$loadmask-opacity:0.3; 
$loadmask-page-opacity:$loadmask-opacity; 

규칙이 코드를 넣어 :