CSS Background Opacity?

Question

I am using something similar to the following code:

Text

I expected this to make the background have an opacity of 0.4 and the text to have 100% opacity. Instead they both have an opacity of 0.4.

Answer 1

Your CSS code sample did not appear with the question. If the text is within a div (in your html) it will inherit any CSS from that div. This can be avoided by creating two separate divs, or use CSS to call on <p> or <h1> directly. One for the background and one for the text. Now each objects opacity can be controlled individually. Use z-index to control which object appears on top.