CSS Opacity issue on child div’s

CSS Opacity issue on child div’s

CSS property Opacity has by birth issues i.e. it applies to all child div’s and makes them transparent. Opacity inheritance to child div’s is every day issue for web designers and front end developers. There are many solutions to fix the problem. Let’s understand different techniques to fix the issue, consider an example below.