設置表單面板的不透明度

Question

我有一個form panel，我需要將它的背景設置爲Semi-Transparent。我怎麼能這樣做？ （例如，設置opacity 0.5）

Answer 1

一個元素：

假定HTML片段：

<div id="div1"> 
    <form id="form1" > 
     <b>Name:</b><input type="text" name="Bla" value="data"/> 
    </form> 
</div> 

ExtJS的代碼：

var div1 = Ext.get("div1"); 
div1.setOpacity(.5); 

對於面板

假設你有定義的Ext.form.Panel：

var panel1 = Ext.create('Ext.form.Panel', { .... } 

使用Ext.Shadow類：

var shad = new Ext.Shadow(panel1); 
shad.setOpacity(.5); 

參考文獻： http://docs.sencha.com/ext-js/4-1/#!/api/Ext.Shadow-method-constructor