如何理解级联上下文？简要概念堆叠上下文是HTML元素的三维概念，这些元素沿假想的z轴延伸，相对于面向（计算机屏幕）窗口或网页的用户。HTML元素根据自身的属性按优先级顺序占用堆栈。上下文空间。如何？触发以下条件时会产生级联上下文：根元素（HTML）、z-index值不为“auto”的绝对/相对定位、z-index值不为“auto”的弹性项（flexitem），即：父元素显示：flex|inline-flex，opacity属性值小于1的元素（opacity参考规范），transform属性值不为“none”的元素，mix-blend-mode属性的元素value不为"normal"，filter值不为"none"的元素，perspective值不为"none"的元素，isolation属性设置为"isolate"的元素，position:fixed指定will-change中任意CSS属性，即使你不直接为这些属性指定值（见这篇文章）——webkit-overflow-scrolling属性设置为“touch”元素如何理解级联上下文？它是什么？级联上下文是HTML元素的三维概念。这些HTML元素在相对于面向（计算机屏幕）窗口或网页的用户的假设z轴上延伸。HTML元素根据自身属性按优先级顺序占用级联上下文的空间。如何产生？触发条件会产生级联ngcontext:Rootelement(HTML),z-indexvalueisnotabsolute/relativepositioningof"auto",一个z-index值不是"auto"的flexitem，即：父元素显示：flex|inline-flex,opacity属性值小于1的元素（参考opacity规范），transform属性值不为“none”的元素，mix-blend-mode属性值不为“normal”的元素，filter值为非"none",perspective值不为"none"的元素,isolation属性设置为"isolate"的元素,position:fixedWill-change中指定任何CSS属性，即使你不直接指定这些的值属性（参考这篇文章）-webkit-overflow-scrolling属性设置为“touch”元素
