isolation

Các utility để kiểm soát việc một phần tử có nên tạo stacking context mới một cách rõ ràng hay không.

ClassStyles
isolate
isolation: isolate;
isolation-auto
isolation: auto;

Ví dụ

Ví dụ cơ bản

Sử dụng các utility isolateisolation-auto để kiểm soát việc một phần tử có nên tạo stacking context mới một cách rõ ràng hay không:

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

Thiết kế responsive

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.

Copyright © 2025 Tailwind Labs Inc.·Chính sách thương hiệu