Тень CSS Box не отображается в Chrome

Question

Я пробовал это, но по какой-то странной причине. Ящик-тень не появится для тега <nav>. Я также попытался изменить z-index на более высокое значение, если следующий элемент был над ним, но он не работает. Может ли кто-нибудь помочь с этим и возможным объяснением?

Вот код.

https://jsfiddle.net/dqLvaghn/2/

Заранее спасибо

Answer 1

Вашего box-shadow четвёртого значения слишком велико. Но перед этим вопросом добавьте position:relative к вашим обоим элементам, потому что z-index не работает без значения position.