パネルのバックグラウンド色を透明に設定する方法

Question

パネル設定を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; 
} 

どこが間違っていますか？

Answer 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; 
}