isolation

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

快速参考

类	属性
isolate	isolation: isolate;
isolation-auto	isolation: auto;

示例

基础示例

使用 isolate 和 isolation-auto 工具类，控制元素是否应显式创建新的层叠上下文：

<!-- [!code classes:isolate] -->
<div class="isolate ...">
  <!-- ... -->
</div>

响应式设计

使用 md: 等断点变体作为 isolation 工具类的前缀，即可仅在中等及以上屏幕尺寸下应用该工具类：

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

了解如何使用变体，请参阅变体文档。