IE 6中的hover效果

IE 7+,FireFox,Chrome等各主流浏览器都已经支持<div>、<li>标签的hover鼠标移入移出效果,而IE 6只支持带href属性的<a>标签的hover样式,恰恰IE 6仍然是所有浏览器中使用率最高的。

我们可以用条件注释,包含需要实现鼠标移入移出变化效果的标签,如:

<!--[if lt IE 7]><a href=”#”class=’’outbox”><table><tr><td><![endif]—>
    ……
<!--[if lt IE 7]></td></tr></table></a><![endif]—>

但有如果其中有<label>标签会导致失效。

也可以用javascript定义onmouseover和onmouseout做相应的操作,但在鼠标在内部节点中移动也会触发,通过判断源节点和目标节点是否在其内可以解决,但IE在不同的样式下会有错误判断SrcElement和ToElement的情况。

发现JQuery有个一个模仿悬停事件的方法hover(over, out),很完美的解决了以上问题。

原文地址:https://www.cnblogs.com/scotcn/p/1437988.html