webkit技术内幕中关于网页渲染,绘制溢出节点是什么意思?

第7章中有说到渲染的顺序
如下:

  1. paintBackgroundForFragemnets

  2. paintList( z-index:negative )

  3. paintForegroundForFragments

  4. paintOutlineForFragemnts

  5. paintList( 子女有overflow属性 )

  6. paintList( z-index:positive )

  7. paintMask

其中paintList( 子女有overflow属性 )
的解释是:

Webkit首先绘制溢出(overflow)的renderObject节点,之后依次绘制z坐标为正数的RednerLayer节点。

我看了一下,源代码的这里面确实是这样的

https://github.com/WebKit/webkit/blob/master/Source/WebCore/rendering/RenderLayer.cpp#L4376

但我没理解这个行为的意义 ,还有怎么样的css代码可以呈现出这个行为的效果?

阅读 2.9k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进