CSS Box shadow doesn't appear in Chrome

Question

I've been trying this but for some strange reason, The box-shadow won't appear for the <nav> tag. I also tried changing the z-index to a higher value incase the next element was above it, still it doesn't work. Can anyone help with this and a possible explanation?

Here's the code.

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

Thanks in advance

Answer 1

Your box-shadow 4th value is too big. But before that issue, add position:relative to your both elements, because z-index doesn't work without a position value.