高分求解这个系统Bug！

[aapp97]

下面是问题的描述,希望能得到你的指点!
--------------------------------------------------------------------------
正常情况:
[1] 一个层里面一个"烦"字,当鼠标离开层的时候,触发 onMouseOut 事件
<div id="Layer1" style="width:99px; height:47px; background-color: #CC66FF;" onmouseout="alert('Bug')">
烦
</div>

--------------------------------------------------------------------------
不解情况:
[2] 设置烦的字体后,当鼠标在层里面移动到"烦"字上面时,居然触发了onMouseOut事件

<div id="Layer1" style="width:99px; height:47px; background-color: #CC66FF;" onmouseout="alert('Bug')">
<font> 烦</font>
</div>

--------------------------------------------------------------------------

[aapp97]

对于第二种情况该如何避免!?也就是鼠标移到"烦"字上时,不触发onMouseOut事件!

[3332221119]

<font>
<div id="Layer1" style="width:99px; height:47px; background-color: #CC66FF;" onmouseout="alert('Bug')">
烦
</div>
</font>

[seabell]

把font的控制放到div的style中
<div id="Layer1" style="width:99px; height:47px; font:9pt; background-color: #CC66FF;" onmouseout="alert('Bug')">
烦</div>

[xuzuning]

正确，第二种情况下font是div的子节点，你的onmouseout是针对div的，对font无效。
应该说对html元素而言，所有标记都是平等的。dhtml才有层次

[Reker熊]

樓上說的正確

[紫郢剑侠]

樓上說的正確

[kingdomzhf]

up

[aapp97]

3332221119(飘)的办法是可行的,但是由于其它原因,暂时不能把<font>放到div外面去.所以请大家再说一个解决方法吧!

[sw47]

document.cancelBubble=true

[yingbin214]

如下设置属性即可(颜色,字体都可设置),可以通过 document.getElementById(id).style.color=color; 改变它的属性值.

<div align="center" style="position:absolute; width:125px; height:33px; z-index:6; left: 13px; top: 149px; font-size:15px; color:#CC0000; background-color: #CC66FF; " onMouseOver=" event.srcElement.style.cursor='default';" onMouseOut="alert('out');" > 首页 </div>

[gzh_seagull]

xuzuning(唠叨) :
正确，第二种情况下font是div的子节点，你的onmouseout是针对div的，对font无效。
应该说对html元素而言，所有标记都是平等的。dhtml才有层次

是这样的吗？下面的代码效果如何解释?

<div id="Layer1" style="width:99px; height:47px; background-color: #CC66FF;" onmouseout="alert(event.srcElement.tagName)">
<font> 烦</font>
</div>