欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

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

发布时间:2024/7/5 编程问答 98 豆豆
如意编程网 收集整理的这篇文章主要介绍了 解决设置了display:none的元素,会先展示再隐藏 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

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

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

转载于:https://www.cnblogs.com/daisygogogo/p/11275865.html

总结

以上是如意编程网为你收集整理的解决设置了display:none的元素,会先展示再隐藏的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。