隐藏可见性元素与显示的影响
为了简化 Web 应用程序,菜单和对话框小部件的行为需要被修改。最初,菜单的 div 框是使用 display: none; 隐藏的。不透明度:0;。当需要菜单时,其样式改为display: block;然后使用 jQuery UI 位置实用程序进行定位。最后,它的不透明度被设置为 1。
一种新方法涉及隐藏具有visibility:hidden的div框,并使用visibility:visible使它们可见。这就提出了有关此更改的影响和潜在性能影响的问题。
性能影响
具有显示的元素:无;不包含在渲染树中,从而使它们的性能更高。相反,具有可见性的元素:隐藏保留在渲染树中,如果在任何给定时间隐藏大量元素,则可能会影响性能。
推荐
显示时:没有任何;元素表现更好,使用visibility:hidden对于有限数量的隐藏div框的影响可能可以忽略不计。因此,这两种方法之间的选择应基于所需的特定功能。如果需要不透明度或可见性控制,则应使用visibility:hidden。否则,显示:无;是首选以获得更好的性能。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3