哪些css属性会创建新的堆叠上下文

$\text{position: relative}$ / $\text{absolute}$ / $\text{fixed}$ / $\text{sticky}$ 且 $\text{z-index}$ 不为 $\text{auto}$，或者设置了 $\text{opacity}<1$、$\text{transform}$

这些因素会让这个盒子创建新的堆叠上下文