Question

I am creating a webpage that have a transparent div.

I want to add a non-transparent div inside that transparent div and I find that it is also transparent.

I try to set the div inside to opacity:1 but it doesn’t work.

What should I do?

Answer 1

There are two ways that I know of to work around this:

• Fake transparency on the containing div by using a transparent PNG as the background image.
• Separate the divs so that they are side-by-side, and then use relative or absolute positioning to stack them.