Original Resolution: 236x635 CSS Opacity and Transparency Tips In the meantime, let's take a look at just why changing the opacity will affect text or other content in that element. 992x1288 - When opting for the opacity property of css for an html element, what will generally happen is that the opacity of the image in the background will change and the opacity changes will be reflected in its child elements.
Original Resolution: 992x1288 CSS Opacity Box - Stack Overflow In this case we want the image to not be transparent when the user hovers over it. 249x630 - But what if we only wish to set the opacity on the background color whilst keeping the content (such as text and images) opaque?
Original Resolution: 249x630 jquery - CSS Opacity fix - Make transparent container ... This videos will show you how you can blur your image or color background or add opacity.