Question

I am using the following css to make all items in the main DIV of my page to be transparented:

#wrapper
{
    filter:alpha(opacity=90); 
   -moz-opacity: 0.9; 
   opacity: 0.9; 
}

This works and everything gets transparented. But for example I DO NOT want the texts, images and buttons to be transparented. How can I do this?

Answer 1

You can do this like so:

#wrapper{
    color:rgba(255,255,255,0.9);
}

You will have to use rgba() to achieve this. Take a look at this website:

• http://www.css3.info/introduction-opacity-rgba/

I did also come over this problematic and solving it with rgba() is really the best way to get around this. Using transparent images as background, in my opinion is not as flexible as it should be and I’m really against using images when you can achieve the effects you want in other simpler ways.