浏览器渲染的图层一般包含两大类：普通图层（渲染图层）以及复合图层。
普通图层，也称为渲染图层，是页面普通文档流。无论添加多少元素，都在同一个默认复合层。虽然绝对定位（absolute）、相对定位（relative）、浮动定位（float）会让元素脱离文档流，但它仍然属于默认复合层，共用同一个绘图上下文对象（GraphicsContext）。
复合图层，又称图形层，它会单独分配系统资源，每个复合图层都有一个独立的GraphicsContext。复合图层可以脱离普通文档流，这样一来，不管这个复合图层中怎么变化，也不会影响默认复合层里的回流Reflow重绘。通过硬件加速就可以使渲染图层提升为复合图层，在GPU中，各个复合图层单独绘制，互不影响。
动画借助复合层，只渲染自己所在的复合层，而不影响其他复合层，从而提升性能。
position改变了文档层级是指脱离了文档流，引起的重绘重排不会影响基础层，性能更高一些
694
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
