isolation

例

基本的な例

要素が明示的に新しいスタッキングコンテキストを作成するかどうかを制御するには、isolate および isolation-auto ユーティリティを使用します。

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

レスポンシブデザイン

プレフィックスan isolation ユーティリティ md: のようなブレークポイントバリアントを使用すると、ユーティリティを適用するのはmedium 以上の画面サイズのみになります

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

バリアントの使用方法の詳細については、バリアントのドキュメントをご覧ください。