Pure css drop down menu over link with opacity

i am having a pure css drop down menu that works fine.

My prob开发者_JS百科lem is that behind the menu that opens i have links that use a .disable class with opacity 40% because they are not active.

When mouse over the menu (with link behind with opacity) the drop menu disappear and kind of focus on link with opacity.

If i remove the class that has opacity works fine.

Any ideas why and resolve it

Thanks

---

Can you post some code?

I assume that your dropdown is a UL, within the parent UL LI. I would try to add position:relative, so the CSS would look like this:

ul li ul {
position: relative;
}

Does it work?