✔ Div Transparenz Frage

[lacie]

Hallo Leute,
Ich habe eine Frage zur Transparenz in Css:
Ist es möglich auf ein Div mit 50%iger Transparenz ein 100%ig sichtbares Div zu setzten? Und das nur mit Css und ohne transparente bilder oder so?

 

[Maik]

Hi,

hierfür müssten dann die beiden DIVs mittels der z-index-Eigenschaft übereinander positioniert werden.

Diese Methode anstelle eines halbtransparenten PNG ist in der Praxis aber nur dann empfehlenswert, weil praktikabel, wenn die Dimension der Box, insbesondere ihre Höhe bekannt ist bzw. feststeht, ansonsten würde die darunterliegende Box bei zunehmenden Inhalt in der darüberliegenden Box nicht "mitwachsen".

mfg Maik

 

[lacie]

Das Problem ist, das die Transparenz des unteren Divs trotz neuer angaben und richtigem z-index die transparenz des unteren hat...

 

[Maik]

Hast du neben der z-index-Deklaration auch mit der position-Eigenschaft eine Positionsart (absolute oder relative) gewählt? Denn ohne sie greift z-index überhaupt nicht.

Ansonsten poste mal bitte deinen Quellcode.

mfg Maik

 

[Maik]

Mit diesem Schnipsel funktioniert's bei mir tadellos:

<div class="box_Opacity"></div>
<div class="box_NoOpacity">Text ohne Transparenz</div>

.box_Opacity {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
width:300px;
height:100px;
background-color:#444;
}

.box_NoOpacity {
position:relative;
z-index:2;
margin-top:-100px;
width:300px;
height:100px;
}

mfg Maik

 

[lacie]

Ok danke, die positionsangabe hat beim zweiten div gefehlt
danke und geschlossen