Как вывести тени родителя на верхний слой по отношению к его дочерним элементам?

Question

[Solevoy_2015]

child перекрывает тени parent

<div class='parent'>
   <div class='child'></div>
   <div class='child'></div>
   <div class='child'></div>
</div>

.parent {
    position: relative;
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px;
    background: var(--vb-background);
    box-shadow: inset 0px 0px 5px 1px var(--vb-bl-opacity-1);
    z-index: 9;
}
.child {
    display: flex;
    flex-direction: column;
    padding: 5px;
    border-radius: 5px;
    min-width: 200px;
    width: 40%;
    background: #fff;
}

Comments

[Виталий Першин]

Добавьте к parent псевдоэлемент или поместите внутренний блок, который будет находится поверх остальных блоков

[Solevoy_2015]

Виталий Першин, спасибо, это помогло.