Opacity for Backgrounds with CSS 2

One problem that I can across recently while designing a website for a client was trying to make the background opaque without making all of it’s contents, or “children” opaque as well. I was pulling my hair out, scouring the internet trying to find a solution that did not use CSS 3 but CSS 2, because I wanted it to be very compatible with any browser. I tried a whole bunch of things and finally came up with a solution that worked – so I thought I’d share it as a resource for others who have had the same problem!