Javascript 在Chrome中输入错误行为

我有一个鼠标输入触发代码（JavaScript用于监听鼠标输入，CSS用于转换），最近，它在Chrome中表现得很有趣；在V44.0.2403.157m上测试，控制台中无任何错误。通过表演滑稽，我的意思是淡入淡出效果有时是跳跃

var显示=true；
var parent=document.querySelector（'.parent'）；
var child=document.querySelector（'.child'）；
parent.addEventListener（'mouseenter'，function（）{
child.style.opacity=显示？0:1；
显示=！显示；
});
*{
保证金：0；
填充：0；
}
.家长{
宽度：100%；
利润率：10px自动；
位置：相对位置；
}
.孩子{
位置：绝对位置；
排名：0；
宽度：100%；
身高：100%；
显示：块；
溢出：隐藏；
过渡：不透明度0.5s线性；
}
p{
填充：1em；
}

我做了一些研究，有很多关于这个问题的报告，比如or。你的代码在Firefox（38.0.5）和Edge（20.10240.16384.0）中都能正常工作。考虑到你的代码写得很好，我认为这个问题是由Chrome引起的。
谢谢Jay的努力和回答，很有意思的是，如果有任何代码替代方案可以达到与上面的站点示例相同的效果，在IE、Firefox和Chrome中都可以完全发挥作用。问候一下，我会看看。谢谢，正如我们在mouseenter上看到的，我们有一个可变的不透明度转换+淡入淡出效果。它可能是纯css（？！）我已经尝试了Javascript中我所能做的一切：从通过延迟和间隔动态生成图像到重置容器的innerHTML内容，但它似乎不起作用。此外，我查看了您的链接，发现元素的不透明度更改是由JQuery处理的，而不是纯css。很高兴知道，谢谢不管怎样，只要它在Firefox、IE和Chrome等主流浏览器中工作正常，它看起来就不会受到交叉浏览的影响。