isolation独立层叠上下文用例
1. 图片显示在文字下方,背景上方
只需要在容器加上
.card { position: relative; isolation: isolate; }
详细可参考 [译]你需要知道的CSS属性isolation,原文 The CSS property you didn't know you needed
2. 隔离mix-blend-mode
就是使得mix-blend-mode失效,在多个层级叠加,需要分离某一个层级时,非常有用
对background-blend-mode无效,因为它是本层级中的,不是其他层级
详细可参考 isolation