使用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真是个折腾人的东西。