How to uninherit opacity?

Question

css

There is a site menu, which becomes fixed and slightly transparent when scrolling (opacity: 0.8;). The menu has a dropdown which should not become transparent, but it inherits the css property from header. Is it possible to somehow cancel the inheritance or will I have to move the drop-down to another place?

Answer 1

Convert to rgba() colors with opacity 0.8.

Answer 2

No way.

Answer 3

Through rgba() with a transparency of 0.8 or using pseudo-elements, and make the header itself transparent background-color: transparent;