css - z-index，它如何影响性能？

Question

css z-index 值如何影响性能？

如果我在一个页面上有多个图像，使用高 z-index 值(例如 10,000)是否重要？

例如，一个页面包含 15 张图像，z-index 范围为 500 - 10,000，如果图像是可移动的(jQuery 可拖动)，那么如果页面重绘如此频繁，使用高值是否会影响性能？

Answer 1

层数很重要，但 z-index 的实际值并不重要。呈现页面时，浏览器只是按 z-index(升序)对所有绝对定位的元素进行排序，并按该顺序绘制它们。

编辑: 此外，排序对性能的影响仅在您更改图层的 z-index 时发生。如果 z-index 不经常变化，性能影响可能根本不会引人注意。即使您经常更改 z 索引，对包含 15 个元素的列表进行排序也几乎是即时的。