I’m afraid that’s not possible using the opacity attribute. You would have to attach it to the .main-navigation element, and the opacity attribute applies to everything inside the element.
Instead, use a transparent background image (2x2px) as the navigation background.