如何使用ExtJS将CSS规则应用于html元素？

Question

我使用 ExtJS 4 在面板和滑块字段中绘制图像。我希望每当滑块字段的值改变时改变图像的不透明度。

我知道CSS的opacity和filter:alpha(opacity=);规则可以应用于图片，这会改变其不透明度。

但我不知道如何将此css规则应用于图像。有人可以指导我吗？

Answer 1

您可以使用Ext.dom.Element.setOpacity方法：

Ext.fly('image-id').setOpacity(0.5); // this will make img with id 'image-id' become half-transparent

这是live demo

更新

如果您使用的是Ext.Img component，则必须执行以下操作：

imgCmp.getEl().setOpacity(0.5);