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

Question

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

我知道 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);