Fixing Annoying CSS Opacity Inheritance
The issue of CSS opacity being unwittingly inherited by child elements has come up several times, so below is my workaround. There are several options: Create the desired effect with a .png or some other image format with the “alpha” value. This method works well in terms of browser support, but increases loading times and the amount of work a developer would