Core Code
Core Code Modern Dev Handbook

CSS Z-index Layering

Z-index controls stacking order of positioned elements.

Preview

Code

<style>
.box1{
position:absolute;
left:20px;
top:20px;
background:#ef4444;
padding:20px;
z-index:1;
}

.box2{
position:absolute;
left:40px;
top:40px;
background:#2563eb;
padding:20px;
z-index:2;
color:white;
}
</style>

<div class="box1">Layer 1</div>
<div class="box2">Layer 2</div>

More CSS Position Examples (9)

example CSS Position Static open example example CSS Position Relative open example example CSS Position Absolute open example example CSS Absolute Inside Relative open example example CSS Position Fixed open example example CSS Position Sticky open example example CSS Position Offsets open example example CSS Badge Position open example example CSS Overlay Example open example