![[发怒]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_12.0f24f23.png)
获得徽章 11
<body>
<div id="A">
<div id="B">
<div class="child" id="B1">B1</div>
<div class="child" id="B2">B2</div>
<div class="child" id="B3">B3</div>
</div>
<div id="C">C</div>
</div>
<iframe src="http://localhost:54365" width="100%" height="300px"></iframe>
</body>
<style>
#B1:hover,
#B2:hover,
#B3:hover {
background-color: #007BFF;
color: #fff;
}
</style>
iframe嵌入上面的页面，使用鼠标滚轮或者触摸板滚动的时候，无法触发hover效果，但是鼠标移动到上面可以正确触发，是为什么呢
<div id="A">
<div id="B">
<div class="child" id="B1">B1</div>
<div class="child" id="B2">B2</div>
<div class="child" id="B3">B3</div>
</div>
<div id="C">C</div>
</div>
<iframe src="http://localhost:54365" width="100%" height="300px"></iframe>
</body>
<style>
#B1:hover,
#B2:hover,
#B3:hover {
background-color: #007BFF;
color: #fff;
}
</style>
iframe嵌入上面的页面，使用鼠标滚轮或者触摸板滚动的时候，无法触发hover效果，但是鼠标移动到上面可以正确触发，是为什么呢
展开
评论
点赞
赞了这篇文章
赞了这篇文章
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
![[抠鼻]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_39.5b41924.png)