隱藏可見性元素與顯示元素的影響
為了簡化Web 應用程序,選單和對話框小部件的行為需要被修改。最初,選單的 div 框是使用 display: none; 隱藏的。不透明度:0;。當需要選單時,其樣式改為display: block;然後使用 jQuery UI 位置實用程式進行定位。最後,它的不透明度被設定為 1。
一種新方法涉及隱藏具有visibility:hidden的div框,並使用visibility:visible使它們可見。這就提出了有關此更改的影響和潛在性能影響的問題。
效能影響
具有顯示的元素:無;不包含在渲染樹中,從而使它們的效能更高。相比之下,可見性:隱藏的元素保留在渲染樹中,如果在任何給定時間隱藏大量元素,則可能會影響效能。
建議
顯示時:沒有任何;元素表現更好,使用visibility:hidden對於有限數量的隱藏div框的影響可能可以忽略不計。因此,這兩種方法之間的選擇應基於所需的特定功能。如果需要不透明度或可見性控制,則應使用visibility:hidden。否則,顯示:無;是獲得更好性能的首選。
以上是可見性與顯示:隱藏元素哪個比較好?的詳細內容。更多資訊請關注PHP中文網其他相關文章!