孤立性

孤立性

用于控制元素是否应该显式创建新的堆叠上下文的工具。

Class Styles

Class	Styles
`isolate`	`isolation: isolate;`
`isolation-auto`	`isolation: auto;`

isolate

isolation: isolate;

isolation-auto

isolation: auto;

示例

使用 isolate 和 isolation-auto 工具来控制一个元素是否应该显式创建一个新的堆叠上下文：

<div class="isolate ...">  <!-- ... --></div>

Prefix an isolation utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

<div class="isolate md:isolation-auto ...">  <!-- ... --></div>

Learn more about using variants in the variants documentation.