The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › need to remove opacity from child node
I have created menu which is fixed position and I have apply opecity to 7 to back div. i have set over color as #186faf; to each menu and but opecity is applying to hover color as well. I need to remove this opecity from hover color.
Basically…you can’t.
A child element inherits the opacity of it’s parent…so you don’t use opacity.
What you could do is apply an RGBA color to the background instead of a solid color.
If you create a reduced case in Codepen it would be simple to demonstrate for your requirements.
thanks Paulie. its work. u r great. :)