How to make a transparent background without background image?

html css transparent background-color
Misha Moroshko picture Misha Moroshko · Jul 11, 2010 · Viewed 87.1k times · Source

I would like a div to have a transparent background.
I tried to do this using background-color and opacity, but the problem is that the border and the text inside become also transparent. Example here.

Is this possible to achieve this without using transparent PNG background image ?

Answer

DHuntrods picture DHuntrods · Jul 11, 2010

If you just want the color of the background to be transparent and not the child content, use

background-color: rgba(0,0,0,.5); // Sets to 50% transparent

See this page for more details - it's a css3 spec so won't show up in every browser:

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

Related questions

How to make div background color transparent in CSS

I'm not using CSS3. So I can't use opacity or filter attributes. Without using these attributes how can I make the background-color transparent of a div? It should be kind of the text box example in this link. Here the …

Read More
How can I make my website's background transparent without making the content (images & text) transparent too?

I'm doing a website for a school project, and I'm currently having a small problem... I can't make the body's background transparent without it also affecting the content in it. Here's my HTML code: <html> <head> &…

Read More
IFrame background transparent in IE

So i have this iFrame with the class .transparentbg: .transparantbg{ background-color: transparent; } This works fine in Chrome, but not in IE... Help please? Greetings

Read More