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

Question

我正在使用ExtJS 4在面板和滑块字段内绘制图像。每当滑块字段的值发生变化时，我都想更改图像的不透明度。

我知道CSSopacity的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

这是现场演示

更新

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

imgCmp.getEl().setOpacity(0.5);