Resumen

La propiedad CSSisolation define si el elemento debe crear un nuevostacking context.

Esto es especialmente útil en conjunto conbackground-blend-mode que solo mezclan fondos en un contexto de apilamiento determinado: permite aislar grupos de elementos de sus fondos más profundos y mezclar sus colores de fondo.

Sintaxis

/* Keyword values */isolation: auto;isolation: isolate;/* Global values */isolation: inherit;isolation: initial;isolation: unset;

Valores

auto

Es un keyword que indica que un nuevo contexto de apilamiento debe ser creado solo si una de las propiedades aplicadas al elemento lo requiere.

isolate

Es un keyword que indica que un nuevo contexto de apilamiento debe ser creado.

Sintaxis formal

isolation =
<isolation-mode>

<isolation-mode> =
auto|
isolate

Ejemplos

<div>  <div>    <div>auto</div>  </div>  <div>    <div>isolate</div>  </div></div>

.a {  background-color: rgb(0, 255, 0);}#b {  width: 200px;  height: 210px;}.c {  width: 100px;  height: 100px;  border: 1px solid black;  padding: 2px;  mix-blend-mode: difference;}#d {  isolation: auto;}#e {  isolation: isolate;}

Especificaciones

Compatibilidad con navegadores

También puedes ver

• <blend-mode>
• mix-blend-mode,background-blend-mode