父组件z-index太小则要用portals的原因

Question

父组件z-index太小是因为什么影响或限制要用portals呢，不太理解，望老师能够指点一下，谢谢

Answer 1

双越 2022-10-20 08:18:35

portals 可以让组件渲染到其他 DOM 节点（如 body 节点），所以可以拜托父组件 z-index 太小的限制。

• 提问者 晨风吹动旗鼓 #1

  老师您好，我主要是没明白z-index太小为什么就限制子组件展示呢，body的z-index不也是最小的吗，为什么建议让子组件渲染到body呢？BFC和fixed限制子组件展示都好理解，这个父组件z-index太小没想明白是为什么会限制子组件展示

• 双越 回复 提问者 晨风吹动旗鼓 #2

  body 的 z-index 一般不会设置，不设置就不限制。如果 DOM 的父节点 z-index 过小，会影响它子节点的 z-index 效果。