Question about borders, transparency, and stacking in CSS


So, my top navigation bar has a border around it, in white, 1px. Both it and its respective drop down menus are transparent. As a result, the border on the Navbar itself shows through when you highlight the items and cause the menu to pop up.

I want that particular portion of the border to not show through, so that the menu flows and feels like an extension of the navbar.

First question (I think)! Be gentle!


Hey @jcb088, did you solve this problem? It looks flippin tight.
I see what you mean about the white border showing through the drop down’s transparent black background. Honestly, I think it looks fine. But if you really want to 100% hide that underlying border one thing that worked for me was to make the drop down’s border-top: 1px solid black.