隐藏可见性元素与显示元素的影响
为了简化 Web 应用程序,菜单和对话框小部件的行为需要被修改。最初,菜单的 div 框是使用 display: none; 隐藏的。不透明度:0;。当需要菜单时,其样式改为display: block;然后使用 jQuery UI 位置实用程序进行定位。最后,它的不透明度被设置为 1。
一种新方法涉及隐藏具有visibility:hidden的div框,并使用visibility:visible使它们可见。这就提出了有关此更改的影响和潜在性能影响的问题。
性能影响
具有显示的元素:无;不包含在渲染树中,从而使它们的性能更高。相比之下,可见性:隐藏的元素保留在渲染树中,如果在任何给定时间隐藏大量元素,则可能会影响性能。
建议
显示时:没有任何;元素表现更好,使用visibility:hidden对于有限数量的隐藏div框的影响可能可以忽略不计。因此,这两种方法之间的选择应基于所需的特定功能。如果需要不透明度或可见性控制,则应使用visibility:hidden。否则,显示:无;是获得更好性能的首选。
以上是可见性与显示:隐藏元素哪个更好?的详细内容。更多信息请关注PHP中文网其他相关文章!