extjs - 设置表单面板的不透明度

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