为了账号安全,请及时绑定邮箱和手机立即绑定

IE浏览器中,JQ的mouseover失效;

IE浏览器中,JQ的mouseover失效;

心有法竹 2018-08-14 06:06:03
1、HTML:<body>     <div class="container">         <img id="background" src="images/text.jpg" alt=""/>         <div class="first">             <div class="forth"></div>             <div class="second"></div>             <div class="third"></div>         </div>     </div> </body>2、CSS:3、JS<script></script>以上代码在chrome中正常,在IE中则没有效果。
查看完整描述

1 回答

?
幕布斯7119047

TA贡献1794条经验 获得超8个赞

在本地测试了你的代码,在IE下确实存在问题。
IE中调试,修改代码:

$(".container").mouseover(function (e) {    var str = e.target.className||e.target.nodeName;
});

发现e.target是img。

解决方案:给.first增加background样式,比如.first{background:#ddd;}
想知道为什么,搜索关键字“IE mouseover 穿透”


查看完整回答
反对 回复 2018-09-27
  • 1 回答
  • 0 关注
  • 1159 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信