Как в CSS сделать тень видимой, если блоки идут друг за другом?

Question

[Иван]

Всем привет! Подскажите пожалуйста, как решить проблему.
Есть два блока с шириной в 100% которые идут вертикально друг за другом.
У первого блока есть тень снизу, но ее не видно. Если первому блоку сделать margin, то тогда тень становится видимой.
z-index не помогает. Как сделать тень видимой, не создавая margin?

Comments

[Алексей Николаев]

У первого блока есть тень снизу, но ее не видно. Если первому блоку сделать margin, то тогда тень становится видимой.

Дык если тень перекрывается другим блоком, она и не должна быть видимой, не? Очевидное решение - перестать делать так, чтобы тень перекрывалась другим блоком. Например, добаивть margin.

Answer 1

[Natalia ivanova]

z-index помогает https://codepen.io/Natalia_ai_ivanova/pen/RwwEryN

Comments

[Иван]

ничерта не помогает((

[Natalia ivanova]

В моём примере тень от первого блока видна благодаря установленному z-index)
Видимо, задавая вопрос, Вы имели в виду какой-то другой конечный результат)