Gowri Sankar
Gowri Sankar

Reputation: 111

CSS Box shadow doesn't appear in Chrome

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

Upvotes: 5

Views: 5059

Answers (1)

n1kkou
n1kkou

Reputation: 3142

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.

Upvotes: 10

Related Questions