Ive got the following CSS drop down menu here which is working fine.
However, im trying to achieve something like eBay where, if you hover over the menu on the top right an border appears around the menu item, and the drop down.
I thought this would be simple enough - put a solid black border around the drop down, and then a black border around the left, top and right of the menu item and set the bottom border to be white - to "cover up" the border-top of the drop down. However, despite the z-index, the drop down always appears ontop of the menu item and i cant achieve the effect im looking for.
Surely this is something that they've been thinking about for at best a few years and at worse 12 months? Could they not have launched 17.1 as 18, 17.2 as 19, 18.0 as 20 etc until they line up? It wouldn't fit the perfect new major os version with iPhone launch but there will probably be some folks in a few months asking what happened to iOS 19-25 (along with a tonne of youtube videos click baiting on it)
Question
Bollard
Hello all,
Ive got the following CSS drop down menu here which is working fine.
However, im trying to achieve something like eBay where, if you hover over the menu on the top right an border appears around the menu item, and the drop down.
I thought this would be simple enough - put a solid black border around the drop down, and then a black border around the left, top and right of the menu item and set the bottom border to be white - to "cover up" the border-top of the drop down. However, despite the z-index, the drop down always appears ontop of the menu item and i cant achieve the effect im looking for.
Would appreciate some help
Thanks
Link to comment
https://www.neowin.net/forum/topic/926142-css-border-on-a-drop-down-menu/Share on other sites
8 answers to this question
Recommended Posts