isolation: isolate
; 是一个比较少见但很实用的 CSS 属性,主要作用是让元素自己生成一个新的 stacking context(层叠上下文)
isolation: isolate; = 强制新建层叠上下文。
常用来 避免混合模式污染、控制 z-index 层级关系、保证视觉效果独立性。
默认值 auto 不会新建层叠上下文。
See the Pencss `isolation: isolate`by liu874396180 (@liu874396180) on CodePen.