Kaip galime padaryti, kad vienas elementas būtų…

Yra keli būdai padaryti vieną elementą aukštesnį už kitą išdėstyme:

z-index: Labiausiai paplitęs būdas. Taikomas pozicionuotiems elementams (turintiems position, išskyrus static). Aukštesnės reikšmės z-index bus aukščiau to paties konteksto elementų.
```
/* Elementas-1 bus žemiau Elemento-2 */
.element-1 {
  position: relative;
  z-index: 1;
}

.element-2 {
  position: relative;
  z-index: 2;
}
```
DOM tvarka: Jei nėra aiškaus pozicionavimo ir z-index, vėliau HTML kode esantis elementas vizualiai bus aukščiau ankstesnių.
```

<div class="element-1"></div>
<div class="element-2"></div>
```
Pozicionavimo savybės: Naudojant position: absolute arba position: fixed, automatiškai sukuriamas naujas sluoksnio kontekstas ir jis iškeliamas virš įprasto dokumento srauto (jei nenurodyta kitaip).
```
.element-absolute {
  position: absolute;
  /* Kitos pozicionavimo savybės */
}
```
Flexbox/Grid (Order): Flexbox ir Grid Layout naudojant order savybę leidžia keisti elementų vizualinę tvarką, nors tiesiogiai neveikia z-index konteksto.
```
.container {
  display: flex;
}

/* Elementas-2 vizualiai pirmas */
.element-1 {
  order: 2;
}

.element-2 {
  order: 1;
}
```
Transformacijos (Transform): transform savybė sukuria naują vietinį kontekstą, ir transformuotas elementas gali būti matomas virš kitų, net jei nėra aiškaus pozicionavimo ir z-index.
```
.element-transformed {
  transform: translateZ(1px); /* arba kita transformacija */
}
```

Pasirinkimas priklauso nuo konteksto ir norimo efekto. Dažniausiai naudojamas z-index kartu su position kontrolei sluoksniavimui.

Kaip galime padaryti, kad vienas elementas būtų aukštesnis už kitą maketoje?