用z-index: -1和display: none来控制隐藏元素对页面渲染性能的影响区别有多大?

用z-index: -1和display: none来控制隐藏元素对页面渲染性能的影响区别有多大?

阅读 4.6k
4 个回答

z-index什么时候变成隐藏元素的属性了,只是把它放在以屏幕为基准的后面,但是依然可见的(在没有别的元素挡住的情况下)。上面的事件不会被触发了。

数量不是特别多的话,对性能影响很小很小

z-index控制隐形是错误的。一般都是讨论display:none和visibility:hidden的区别

z-index:-1并不是隐藏,只是因为层级关系被挡住了,才造成看不见的。
display:none才是隐藏,但仅仅是没有在页面上显示,不占空间
visibility:hidden 对应的dom会占据相应的空间

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题