wal*_*den 7 css performance z-index
css z-index值如何影响性能?
如果我在页面上有多个图像,那么我是否使用高z-index值,如10,000?
例如,一个页面包含15个z-index范围为500-10,000的图像,如果图像是可移动的(jQuery可拖动),如果页面被重新绘制,它是否会通过使用高值来影响性能?
层数很重要,但z-index的实际值却不重要.在渲染页面时,浏览器只按其z-index(升序)对所有绝对定位的元素进行排序,然后按顺序绘制它们.
编辑:此外,只有在更改图层的z-index 时才会出现排序中的性能损失.如果z-indices不经常变化,那么性能上的提升可能根本不会引人注意.即使您经常更改z-indices,对15个项目的列表进行排序几乎是即时的.