高分求解这个系统Bug！

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

如下设置属性即可(颜色,字体都可设置),可以通过 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>

Answer 6

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>