使用blendtrans滤镜转换文字时容易出的错误，或者不能问题

先看一段很简单的代码：

< script > ...
function tc()
...{

  text.filters[0].apply();
  text.innerHTML="hahahahaha";
  text.filters[0].play();

}
</ script >
< div  id ="text"  style ="filter:blendtrans(duration=1);"  onMouseOver ="tc();" > hello </ div ></ td >

大家可以放保存成test.html试试，发现鼠标移动过去的时候只是文字变了，但是没有渐变效果吧。

这个问题折腾了我一个上午，最后发现问题的所在是没有设定这个div块的高度或长度，只要随便设定其中一个便可，比如：

< script > ...
function tc()
...{

  text.filters[0].apply();
  text.innerHTML="hahahahaha";
  text.filters[0].play();

}
</ script >
<!-- 设定了长宽就可以了 -->
< div  id ="text"  style ="width:200;height:110;filter:blendtrans(duration=1);"  onMouseOver ="tc();" > hello </ div ></ td >

这样就可以显示渐变效果了，希望能够给其他遇到相同问题的朋友一些帮助。

PS：javascript真是个折腾人的东西。