Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* These properties create a new stacking context: */ /* position + z-index (non-auto) */ /* opacity < 1 */ /* transform, filter, clip-path */ /* isolation: isolate */ .isolated { isolation: isolate; /* Creates stacking context without side effects */ } /* Use isolation: isolate to prevent z-index bleed */ .card { isolation: isolate; } .card .overlay { z-index: 1; } /* Relative to .card, not page */
Result
Open