Core Code
Core Code Modern Dev Handbook

CSS Negative Z-index

Negative z-index places elements behind others.

Preview

Code

<style>
.box1{
position:absolute;
background:#2563eb;
color:white;
padding:20px;
z-index:-1;
}

.box2{
background:#fde68a;
padding:20px;
}
</style>

<div class="box1">Behind</div>
<div class="box2">Front</div>

More CSS Z-index Examples (7)

example CSS Basic Z-index open example example CSS Z-index Overlapping Elements open example example CSS Higher Z-index On Top open example example CSS Z-index Requires Position open example example CSS Tooltip Layer open example example CSS Modal Overlay Layer open example example CSS Image Overlap open example