可見性與顯示：隱藏元素哪個比較好？

隱藏可見性元素與顯示元素的影響

為了簡化Web 應用程序，選單和對話框小部件的行為需要被修改。最初，選單的 div 框是使用 display: none; 隱藏的。不透明度：0；。當需要選單時，其樣式改為display: block;然後使用 jQuery UI 位置實用程式進行定位。最後，它的不透明度被設定為 1。

一種新方法涉及隱藏具有visibility:hidden的div框，並使用visibility:visible使它們可見。這就提出了有關此更改的影響和潛在性能影響的問題。

效能影響

具有顯示的元素：無；不包含在渲染樹中，從而使它們的效能更高。相比之下，可見性：隱藏的元素保留在渲染樹中，如果在任何給定時間隱藏大量元素，則可能會影響效能。

建議

顯示時：沒有任何;元素表現更好，使用visibility:hidden對於有限數量的隱藏div框的影響可能可以忽略不計。因此，這兩種方法之間的選擇應基於所需的特定功能。如果需要不透明度或可見性控制，則應使用visibility:hidden。否則，顯示：無；是獲得更好性能的首選。

以上是可見性與顯示：隱藏元素哪個比較好？的詳細內容。更多資訊請關注PHP中文網其他相關文章！