可见性与显示：隐藏元素哪个更好？

隐藏可见性元素与显示元素的影响

为了简化 Web 应用程序，菜单和对话框小部件的行为需要被修改。最初，菜单的 div 框是使用 display: none; 隐藏的。不透明度：0；。当需要菜单时，其样式改为display: block;然后使用 jQuery UI 位置实用程序进行定位。最后，它的不透明度被设置为 1。

一种新方法涉及隐藏具有visibility:hidden的div框，并使用visibility:visible使它们可见。这就提出了有关此更改的影响和潜在性能影响的问题。

性能影响

具有显示的元素：无；不包含在渲染树中，从而使它们的性能更高。相比之下，可见性：隐藏的元素保留在渲染树中，如果在任何给定时间隐藏大量元素，则可能会影响性能。

建议

显示时：没有任何;元素表现更好，使用visibility:hidden对于有限数量的隐藏div框的影响可能可以忽略不计。因此，这两种方法之间的选择应基于所需的特定功能。如果需要不透明度或可见性控制，则应使用visibility:hidden。否则，显示：无；是获得更好性能的首选。

以上是可见性与显示：隐藏元素哪个更好？的详细内容。更多信息请关注PHP中文网其他相关文章！