css jak ustawic rodzica na gore? (z-index?)

Question

Witam, mam kod: https://codepen.io/FoxCode/pen/WXNVKO
Co muszę zrobić, żeby .avatar::after był pod .avatar? Dodając z-index: -1; pseudoelement spada na sam dół pod .parent.

Answer 1

Możesz to zrobić poprzez dodanie do .parent

.parent{
position:relative;
z-index:-1;
}

a następnie dla .avatar::after

.avatar::after{
 z-index:-2;
}

tutaj przykład: https://codepen.io/alterwar/pen/oogNWp

 

Comments

https://codepen.io/FoxCode/pen/WXNVKO

Kod mam praktycznie taki sam a jednak coś nie działa, dlaczego?

---

Powinieneś do .parent dodać jeszcze position:relative

Answer 2

Co chciałbyś osiągnąć? Sprecyzuj bardziej to pytanie

Comments

Chciałbym aby ten szary pasek był POD białym kołem

---

"This site can’t be reached"

 

w elemncie, ktory chcesz aby byl nad innym -musisz ustawic wyzszy zindex. W elemencie, ktory chcesz aby byl "pod" innym musisz ustawic nizszy zindex.

zindex moze przyjmowac wartosci ujemny a takze wieksze od 1 np:

z-index:-5;

z-index:20;