Question

我创建了一个按钮。点击按钮后，可以看到覆盖面板由于modal = true，因此页面的其余部分被屏蔽。（从顶部= 0px）
我的要求是我只需要屏蔽我页面的一部分（从顶部= 125像素）我试图覆盖css类 .x-mask 。但它没有帮助!!
以下是示例代码

xtype: 'panel', 
   baseCls: 'overlay-panel', // it styles the overlay panel and not the underlying mask    
   modal: {        
       id: 'myModalClass',      
       style:'background-color:black;opacity:0.8;top:125px;'     
      },

我可以看到应用了bgcolor和不透明度但我无法覆盖属性＆＃39; top = 0px！important＆＃39;
请提供您宝贵的建议，TIA！

Answer 1

使用您的面板，而是使用以下值：

xtype: 'container',
top: 125,
bottom: 0,
left: 0,
right: 0,
style: 'background-color: rgba(0,0,0,0.8)'

基本上，设置顶部值非常重要，其他值可以在css中设置。这将创建一个浮动容器（或面板，如果需要）。

但另一方面你也可以使用：

Ext.Viewport.setMasked({xtype:'loadmask',message:'goto heaven', top:125});

在sencha touch 2.2.1中单击覆盖面板时将自定义样式应用于蒙版

1 个答案: