Create non-transparent div on top of transparent parent element

Question

EDIT: Changed title to actually be correct

I\'m trying to simulate a modal popup in all HTML and CSS and am having a bit of bad luck w

Answer 1

The way that I was able to put a transparent div behind an opaque div was to use something like:

`div.transparent-behind { opacity: 0.4; 
                      z-index: -1; }

 div.opaque-ontop { position: absolute; 
                top: (wherever you need it to fit)px;
                left: (some # of)px}'

where the div's were not nested inside each other, but one right after another in the html

make sense?