Макет

isolation

Утилиты для управления тем, должен ли элемент явно создавать новый контекст наложения.

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

Примеры

Базовый пример

Используйте утилиты isolate и isolation-auto для управления тем, должен ли элемент явно создавать новый контекст наложения:

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

Адаптивный дизайн

Префикс an isolation утилита с вариантом контрольной точки, например md:, чтобы применить утилиту только при размерах экрана medium и выше:

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

Подробнее об использовании вариантов читайте в документации по вариантам.

Авторские права © 2025 Tailwind Labs Inc.·Политика в отношении товарных знаков