Why do my navbar elements have that black background?

Question

https://code.sololearn.com/WQmPDgh8f3S2/?ref=app

Answer 1

oh I think I understand what you meant now. Use text-shadow instead of box-shadow and see if that's more what you were hoping for

Answer 2

uhh, cause you told it to when you said header{ background-color: black }? Is this a trick question?

Answer 3

It does go away, at least for me

to be more specific, it switches to inheriting the grey color from body

Answer 4

Then why if I delete this line in header problem doesn't go away

Answer 5

The background turns gray

Answer 6

right, that's the body background-color: #555

Answer 7

Then why if I change the background color to transparent in "a {background-color}" it doesn't go away?

Answer 8

Well, for starters because transparent is transparent, so the body shows up through it.

But also, <a>'s background is very small, change it to something like blue or red just to see

Answer 9

So how do I delete <a> background so i can see its Shadow properly

Answer 10

Finally, thank you