Hintergrund maskieren im IE

[Remo Fritzsche]

Hallo Welt

Ich arbeite an einer Webapplikation die Popups verwendet. Als Popups sind in diesem Fall einfache DIV's zu verstehen, die über dem Content liegen. Hinter dem Popup, also zum Verdecken der übrigen Masken, soll der Hintergrund dunkelgrau erscheinen.

Das habe ich wie folgt gelöst:

<div id="bgmask">&nbsp;</div>

#bgmask
{
    display: block;
    position: absolute;
    top: 0pt;
    left: 0pt;
    z-index: 90;
    width: 100%;
    height: 3388px;
    background-color: #000;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    visibility: hidden;
}

Das ganze gibt, wenn die visibility auf visible gestellt wird per JavaScript, eine Vieport-füllende DIV die den Hintergrund verdeckt.

Das Popup, mit z-index 100, liegt im FF darüber und es funktioniert perfekt.

Nun ist aber meine Struktur so:

• Div bgmask
• Div main
    - Div popup1
    - Div popup2

D.h. die Popups müssen in der DIV 'main' drin sein, welche absolut positioniert sein muss und daher natürlich automatisch einen z-index hat. Nun kriege ich es im IE nur hin, das entweder die ganze Main-Div oder dann gar nichts vor der bgmask ist.

Kann mir da jemand helfen? Hab mir da schon ewig Kopfzerbrechen gemacht.

lg
& vielen Dank

Remo