Question

Okay, So I was messing with box-shadows when i realized that

https://i.stack.imgur.com/I3E9E.png (Sorry unable to post image)

The nav bar is being overlapped by the shadow, I have tried to put the content ID higher and lower in the code and it wont go under the nav.. If its not possible can someone help me make shadows on all sides but the top?

The code I’m using for the shadow is below.

box-shadow:0px 0px 15px rgba(0, 0, 0, 0.5);

Link to webpage: Here

Answer 1

Add this to your css:

#nav {
    position: relative;
    z-index: 1;
}