js控制元素的滤镜效果问题

img图片标记:

<img id="pic" style="border:1px #cbcbcb solid;FILTER: progid:DXImageTransform.Microsoft.RevealTrans (duration=2,transition=23)" width="289" height="212" />

js控制代码:

var picobj=document.getElementById("pic")
   
   picobj.filters[0].Apply(); //将滤镜应用到对像上
   picobj.filters[0].Play(duration=2); //开始转换
   picobj.filters[0].Transition=23;//转换效果 

以上是可以正常运行显示的

如果把img图片标记中的style中的样式用一个css的class加载那么就会出现filters.0为空或不是对象的错误,这是因为,在css中没有FILTER该属性.