Z-අක්ෂය මත අංග අතිච්ඡාදනය කිරීම CSS හි

මෙම පාඩමේදී අපි Z-අක්ෂය මත අංග අතිච්ඡාදනය කිරීම සලකා බලමු. පෙරනිමියෙන්, අංග දෙකක් එකිනෙක මත අතිච්ඡාදනය වන්නේ නම්, HTML කේතයේ පහළට යන අංගය ඉහළින් පවතී.

අපි උදාහරණයක් බලමු. අපට අංග දෙකක් ඇතැයි සිතමු, සම්පූර්ණයෙන් ස්ථානගත කර ඇති එකිනෙක මත අතිච්ඡාදනය වන පරිදි. එවිට HTML කේතයේ පහළට යන අංගය ඉහළින් පවතී:

<div id="elem1"></div>
<div id="elem2"></div>

#elem1 {
	position: absolute;
	top: 30px;
	left: 30px;
	
	width: 100px;
	height: 100px;
	background: #ff8888;
}

#elem2 {
	position: absolute;
	top: 60px;
	left: 60px;
	
	width: 100px;
	height: 100px;
	background: #7e89eb;
}