Свойство isolation определяет, должен ли элемент создать новый контекст стека. Это особенно полезно в сочетании с background-blend-mode, которые только смешивают фон в заданном контексте стекирования: он позволяет изолировать группы элементов от их более глубокого фона и смешать их фоновый цвет вместе.
В примере попробуйте изменить цвет фона и вы увидите как именно работает.
isolation հատկությունը որոշում է, թե արդյոք տարրը պետք է ստեղծի նոր stack-ի համատեքստ: Սա հատկապես օգտակար է background-blend-mode-ի հետ համատեղ, որը միայն միախառնում է ֆոնը տվյալ stacking համատեքստում. այն թույլ է տալիս առանձնացնել տարրերի խմբերն իրենց սեփական ֆոնից և խառնել դրանց ֆոների գույները:
Օրինակում փորձեք փոխել ֆոնի գույնը և կտեսնեք, թե ինչպես է այն աշխատում:
See the Pen isolation by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
| Browser | IE | Edge | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|---|
| Version | 6+ | 79+ | 41+ | 36+ | 8+ | 30+ |
| Notes |