How to make only the div color transparent?

Question

Css:

  #container
     {
     position:relative;
     left: 28%;
     width: 50%;
     height: 100%;
     background: black;
     opacity:0.7;
     }

Html:

 <div id="container">
  Here are texts,images,etc
 </div>

I cant think of a way to make transparent just the div color without affecting the content of #container.Someone know one?

Here: http://stackoverflow.com/a/891366/1715716 – Gauthier Boaglio Jun 22 '13 at 16:18 — Gauthier Boaglio, Jun 22 '13 at 16:18

score 1 · Accepted Answer · answered Jun 22 '13 at 16:12

1

background-color: rgba(150,150,150,Val between 0 and 1);

RGBA stands for red green blue alpha. The value of alpha is used to determine the intensity of the transparency. 0 being fully transparent and 1 being fully opaque.

FIDDLE DEMO

answered Jun 22 '13 at 16:12

Vivek Sadh

4,230
3
32
49

yea this is good thank you.Just one problem the color is gray not black....what should i modify? – Lebada Petru Jun 22 '13 at 16:24
You have to modify the rgb value. Try 120,120,120 for gray shade. – Vivek Sadh Jun 22 '13 at 16:26
well is still gray...i want a black transparent – Lebada Petru Jun 22 '13 at 16:29
@Lebada For black try rgba(0,0,0,0.4) – Vivek Sadh Jun 22 '13 at 16:31

How to make only the div color transparent?

1 Answers1