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

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:

https://img4.mukewang.com/5bac3a3f000108f303360732.jpg

3、JS
<script>

https://img4.mukewang.com/5bac3a5300013e2303600123.jpg

</script>

以上代码在chrome中正常,在IE中则没有效果。

https://img4.mukewang.com/5bac3a610001337011850225.jpg

心有法竹
浏览 1160回答 1
1回答

幕布斯7119047

在本地测试了你的代码,在IE下确实存在问题。IE中调试,修改代码:$(".container").mouseover(function&nbsp;(e)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;str&nbsp;=&nbsp;e.target.className||e.target.nodeName; });发现e.target是img。解决方案:给.first增加background样式,比如.first{background:#ddd;}想知道为什么,搜索关键字“IE mouseover 穿透”
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript