Question

Basically I have a div that I want the background to be transparent.

<div id="modSideTop"><div id="modSideTopText">This Text Must Not Be Transparent</div></div>

The modSideTop div has a background image attached via css. What would the rest of the css that I need be to keep the text normal and the background transparent?

Thanks in Advance for your help!

Answer 1

Use an rgba color for the background rather than using opacity. For example, 50% translucent black:

background: rgba(0, 0, 0, 0.5);

Try it on JSFiddle.