• support@answerspoint.com

How to give text or an image a transparent background using CSS?


Is it possible, using CSS only, to make the background of an element semi-transparent but have the content (text & images) of the element opaque?

I'd like to accomplish this without having the text and the background as two separate elements.

When trying:


<p style="position:absolute;background-color:green;filter:alpha(opacity=60);opacity:.6;">
  <span style="color:white;filter:alpha(opacity=100);opacity:1;">Hello world</span>

it looks like child elements are subjected to the opacity of their parents, so opacity:1 is relative to the opacity:.6 of the parent.

  • CSS

  • asked 8 years ago
  • B Butts


Your Answer

    Facebook Share        
  • asked 8 years ago
  • viewed 1472 times
  • active 8 years ago

Best Rated Questions