css z-index值如何影响性能？
如果我在页面上有多个图像，那么我是否使用高z-index值，例如10,000？
例如，一个页面包含15个z-index范围为500-10,000的图像，如果图像是可移动的（jQuery可拖动），如果频繁重绘页面，它是否会通过使用高值来影响性能？ / p>
答案 0 :(得分：7)
层数很重要，但z-index的实际值却不重要。在渲染页面时，浏览器只需按照z-index（升序）对所有绝对定位的元素进行排序，然后按顺序绘制它们。
编辑： 此外，仅当您更改层的z-index时，才会发生排序中的性能影响。如果z-indices不经常变化，那么性能上的提升可能根本不会引人注意。即使您经常更改z-indices，对15个项目的列表进行排序几乎是即时的。
答案 1 :(得分：1)
是。在没有看到整个页面的情况下难以回答到什么程度，但是一些性能问题正在起作用。使用Z索引操作以及使用jQuery和其他动态选择和操作DOM的库，您基本上可以重构HTML块的布局。重要的是，浏览器不知道MODAL的含义。任何更改布局的请求都会要求浏览器重新计算DOM。那是你的表现。
答案 2 :(得分：1)
虽然不是对绩效问题的直接回答，但在谈论使用非常高的z-index数时，这是一个重要的额外考虑因素：
2147483647是大多数Web浏览器中的最大z-index，因为 它是最大可能的32位整数值。任何数字都高于 2147483647将自动恢复为2147483647。
来自https://wordpress.org/support/topic/css-reference-to-the-tinymce-absolute-position-handle