On the forum that I maintain, I've recently adopted using the "opacity" CSS for nodes and all forum messages to help offset the glaring white that previously existed.
I've set the opacity to 80%, and it looks great! The only issue is that images, embedded media and text have the same opacity level. This can be a real problem with bigger images as you can see the forum background through them quite clearly.
After spending some time on the issue, I had read that it's a limitation of CSS where you cannot have a child with greater opacity than its parent, so I'm a bit stuck as to my options here.
The best idea I've thought of so far is to create a transparent PNG and use it as the background image for the nodes - removing the "opacity" CSS altogether in the process - thus allowing all images/text/embedded media to stay opaque. Unfortunately, I'm a bit stuck as to how to accomplish this, or if it is even feasible.
Can someone assist me with this matter? The forum URL is http://vexxgaming.com/forum/, and I have access to a testing site.