设置表单面板的不透明度

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