I have created a dropdown menu using slides (900px x 200px) where the background is invisible allowing the selected menu item (slide) to drop down over the web page background.
The problem I am having is that I have added a breadcrumb menu just below the dropdown menu, this means that I can't select the breadcrumb link as it's not behaving like an active link as it's covered by the invisible dropdown background.
I've tried bringing the z-index higher on the breadcrumb menu but then the dropdown menu goes behind the breadcrumb bar.
Is there a way I can set the invisible background of the dropdown so I can click a link through it.
This all sounds a bit convoluted I know but here is an example of what I'm working on. There is a link on the page to show the 2 states using the z-index.
Is there something I can add here to make it work?
background-color: transparent !important;