✔ Transparenz Z-index

[DerMilchmann]

Hey eine Frage, ich bekomme, dass mit der Transparenz und dem z-index nicht so richtig gebacken.
http://www.designr.eu/conti/StartPage.html
Die Box in der mitte sollte eigentlich nicht unter dem Transparenten layer liegen sondern klar sichtbar sein.

Transparenter Hintergrund:

	position: absolute;
	z-index:1;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	width:984px;
	height:684px;

Box

border:4px solid #CCCCCC;
position:absolute;
z-index:102;
width:300px;
height:250px;
margin-left:265px;
margin-top:60px;
background-color:#FFFFFF;

Kann mir vllt. jmnd helfen, habe auch alles aus der Tutorials.de Suche ausprobiert.Alles nichts geholfen.
DAnke im Vorraus

Soll das denn wirklich nicht möglich sein!
Ich meine die Thickbox:
Auszug:

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

kann das doch auch und ich habe nicht viel anders gemacht.

Kann mir denn niemand helfen

 

[Maik]

Hi,

hierfür musst du das umschliessende DIV #content schichtpositionieren:

#content        {
                                margin:20px 0 24px 70px;
                                padding:6px;
                                width:870px;
                                height:486px;
                                background:transparent none;
                                position:relative;
                                z-index:102;
                                }

 

[DerMilchmann]

Hey danke, aber wenn ich das mache dann ist das transparente DIV ganz im Hintergrund, ich will es aber nur im Hintergrund der kleinen mittleren Box haben. DAmit meine ich nur die kleine BOX in der mitte der Seite soll im Vordergrund bleiben, der rest, wie das layout, das logo und alles andere sollen unter dem transparenten layer liegen.

 

[Maik]

In diesem Fall musst du das DIV #logincontainer aus dem DIV #content herausnehmen:

        <div id="logincontainer">...</div>

        <wicket:extend>
        <div id="content" class="home">

                <div class="overflow">

                </div>
        </div>
        </wicket:extend>

und eine Korrektur der Positionierung vornehmen:

#logincontainer {
border:4px solid #CCCCCC;
position:absolute;
z-index:102;
width:300px;
height:250px;
left:340px;
top:155px;
background-color:#FFFFFF;
}

 

[DerMilchmann]

Super vielen dank.Ihr bleibt die besten.Danke michaelsinterface!