css `isolation: isolate` - 详解

isolation: isolate; 是一个比较少见但很实用的 CSS 属性，主要作用是让元素自己生成一个新的 stacking context（层叠上下文）

isolation: isolate; = 强制新建层叠上下文。

常用来 避免混合模式污染、控制 z-index 层级关系、保证视觉效果独立性。

默认值 auto 不会新建层叠上下文。

See the Pencss `isolation: isolate`by liu874396180 (@liu874396180) on CodePen.