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),很完美的解决了以上问题。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步