把陰影放在窗口上extjs

我想把陰影放在這個窗口上，我嘗試了很多變體，但沒有。把陰影放在窗口上extjs

var win; 
var button; 

function wind(cerand) { 

    button = Ext.get('show-btn' + cerand); 

    if(!win) { 
     win = new Ext.Window({ 
      applyTo: 'hello-win' + cerand, 
      layout: 'fit', 

      closeAction: 'hide', 
      plain: true, 
      html: 'hello-win' + cerand, 
      width: '400', 
      height: '300', 
      items: new Ext.FormPanel({ 
       applyTo: 'hello-tabs' + cerand 
      }), 

      buttons: [{ 
       text: 'Close', 
       handler: function() { 
        win.hide(); 
       } 
      }] 
     }); 
    } 
    win.alignTo(document, 'c-c', [0, -10]); 
    win.show(button); 
};

來源

2010-12-18 cosy

默認情況下，Ext.Window實例會自動給出陰影，儘管效果很細微。您可以使用「陰影」和「陰影偏移」配置選項來控制陰影的有限方面。

new Ext.Window({ 
    shadow: 'drop', 
    shadowOffset: 10 
});

這些選項的詳細信息，可以爲Ext.Window和Ext.Shadow的API文檔中找到：

來源

2010-12-18 20:45:16 owlness

Owlness是正確的。

shadow: 'drop'

會給你浮動面板（或窗口）上的影子。我個人發現我不喜歡製作的影子。它是灰色而不是透明的黑色。您可以覆蓋這個在CSS（或其他任何有關的陰影），像這樣：

.x-css-shadow[style] { 
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 25px !important; 
}

在IE 8和更早的版本，這將回退以同樣的方式分機的實現一樣。但是most browsers support box-shadow

來源

2015-01-09 10:33:31

把陰影放在窗口上extjs

回答

相關問題