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),很完美的解决了以上问题。

相关文章:

  • 2022-12-23
  • 2022-01-01
  • 2022-02-26
  • 2021-09-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-21
猜你喜欢
  • 2021-08-03
  • 2022-12-23
  • 2021-09-07
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案