Нусхабардории элементҳо дар тири 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;
}