Почему «z-index» не работает внутри липкого родительского элемента? [дублировать] ⇐ Html

[Anonymous]

У меня есть липкий родительский контейнер ... и я хочу, чтобы у ребенка был более высокий Z-индекс, который появился над другим контентом. Тем не менее, это не работает ..
Даже с Z-Index: 9999 элемент .Child остается позади ..
Как это исправить? < /P>

I should be on top

< /code>
.sticky-container {
position: sticky;
top: 0;
background: lightgray;
z-index: 10;
}
.child {
position: absolute;
z-index: 9999; /* not working */
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... nt-element