Почему position: relative + z-index: 0 перекрывает position: fixed + z-index: 100?

Question

[Дмитрий]

Codepen
Суть. Модалка в виде vue компонента может подключаться в любом месте макета. В данном случае в aside.
Ей задан position fixed и высокий z-index. Но в макете встречаются блоки с position: relative и низким z-index, которые перекрывают модалку. Перекрытие работает только из другого родительского элемента

Answer 1

[Вова Дружаев]

Потому что position: sticky;

.aside {
	position: sticky;
	z-index: 100; /*добавить*/
}

https://stackoverflow.com/questions/53105658/css-p...