如何将面板的背景颜色设置为透明

Posted 2023-02-26

【中文标题】如何将面板的背景颜色设置为透明

【英文标题】：How to set Background color of Panel to transperent

【发布时间】：2017-02-23 09:45:21

【问题描述】：

我已将面板配置设置为：bodyStyle: 'background:transparent;'，但它不起作用。我也试过：defaults: bodyStyle: 'background:transparent;' .

function cre1ColumnHboxForModErrMsg(itemA)
    var hb = new Ext.Panel(
           layout:'fit'
            ,height:75
            ,frame: false
            ,border: false
            ,bodyStyle: 'background:transparent;'
            ,layoutConfig: align:'top', pack:'center' 
            ,defaults: layout:'form', labelWidth:CampConst.CampModErrMsgLabelWidth ,width:175,border:false
            ,items:[
                   width:((CampConst.CampModErrMsgWidth/2)-30)
                    ,defaults: labelSeparator:'', msgTarget:'side', selectOnFocus:true,anchor:'95%' 
                    ,items:[
                        itemA
                    ]
                
            ]
        
    );
    return hb;

我哪里错了？

【问题讨论】：

你为什么要嵌套一个额外的项目？

@EvanTrimboli 我用它来生成我的表单 .. cre1ColumnHboxForModErrMsg(creValidateTextArea('Myanmar Error Message','post_cpME_MM',CampConst.CampModEM_MSG))

【参考方案1】：

试试style: 'background:transparent;' - 这适用于整个面板元素，而不仅仅是正文。

不过话虽如此，看起来您并不真的需要面板，并且可以用容器代替：

function cre1ColumnHboxForModErrMsg(itemA)

    var hb = new Ext.Panel(
           layout:'fit'
            ,height:75
            ,frame: false
            ,border: false
            ,bodyStyle: 'background:transparent;'
            ,layoutConfig: align:'top', pack:'center' 
            ,defaults: layout:'form', labelWidth:CampConst.CampModErrMsgLabelWidth ,width:175,border:false
            ,items:[
                   width:((CampConst.CampModErrMsgWidth/2)-30)
                    ,defaults: labelSeparator:'', msgTarget:'side', selectOnFocus:true,anchor:'95%' 
                    ,items:[
                        itemA
                    ]
                
            ]
        
    );
    return hb;