是否包含z-index会增加浏览器处理时间？

Question

我正在开发一个完全基于CSS的网站，需要多次使用z-index，其值从-10000到50000以上。

z-index的使用量是否会显着增加支持的浏览器渲染网页所需的时间？ z-index是否被认为是一种好的做法，还是其他替代方案要么（1）更快地呈现和/或（2）更普遍可接受？

Answer 1

Z-index是相对的，而不是绝对的。具有z-index 1,000,000的元素在具有较低z-index的元素前面和在具有较高z-index的元素之后呈现。如果并不意味着浏览器将创建1,000,000个图层。

我认为重要的是不同z索引的数量（stacking contexts更为精确）。

Answer 2

您始终可以尝试确保文档中的元素顺序正确。文档中较低的任何内容将在文档中较高的位置前呈现。实现服务器端可能不是最容易的事情，但这肯定符合您的要求：

1）更快地渲染
最有可能的是，这是默认的DOM渲染机制 2）更普遍可以接受的 当然。