div inside div

[misterade]

Hello everybody, I’m new to this forum and I have a question for you.
I need to do something like this:
1) the first div has shadow and black background with alpha 40%;
2) the second div is inside the first and I want it to have white background.
the problem is that the second div inherit the alpha property.
How can I do what I want?

[clokey2k]

Rather than setting the ‘div’s opacity (which I think you have done), set the background colour using ‘rgba()’ or use a semi transparant ‘.png’.
The latter option will the most cross browser compliant, with the assistance of a ‘png fix’ for IE.

A quick Google search can get you some good tutorials on rgba() or transparent png’s.

[Chris Coyier]

This has a color of black with an opacity of .5, get it?

background-color: rgba(0,0,0,.5);

[Author]

Posts