問題：元素明明設置了display:none，但是在刷新頁面的時候卻會先顯示了出來，然后才會隱藏，實現display:none

原因：由于元素渲染的時候，樣式還沒有應用上去，導致的

解決辦法：使用內聯樣式，動態改變display的值為none或者是block，使用moseenter和mouseleave事件替代hover，在moseenter和mouseleave事件中去改變display的值

轉載于:https://www.cnblogs.com/daisygogogo/p/11275865.html

總結

以上是生活随笔為你收集整理的解决设置了display:none的元素，会先展示再隐藏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。