解决设置了display:none的元素,会先展示再隐藏

问题:元素明明设置了display:none,但是在刷新页面的时候却会先显示了出来,然后才会隐藏,实现display:none

原因:由于元素渲染的时候,样式还没有应用上去,导致的

解决办法:使用内联样式,动态改变display的值为none或者是block,使用moseenter和mouseleave事件替代hover,在moseenter和mouseleave事件中去改变display的值

原文地址:https://www.cnblogs.com/daisygogogo/p/11275865.html