把阴影放在窗口上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

回答

相关问题