isolation CSS 属性

isolation 可以用来创建一个新的堆叠上下文，下面是一个使用实例，在下面的例子中，使用 z-index: -1，会置于父盒子下面，这是因为父盒子与子元素位于 body 的堆叠上下文中，所以能置于父盒子下方，但是给父盒子加上 该属性，父盒子就是一个新的堆叠上下文，加上该属性不会比父盒子还要低，就像在 body 中的某个元素使用 z-index:-999，始终还能看到该元素，不会比 body 更低

来自 CodePen 上的示例