nicht angemeldet
Hallo,
ich versuche für den IE6, IE7 und FireFox 2 eine Seite zu bauen,
in der sich ein DIV befindet der den Content aufnehmen soll.
Um diesen Tag möchte ich einen Rahmen, bzw. Schlagschatten mit Transparenz legen.
Dies funktioniert im IE auch einwandfrei mit diesen Styles
.dropshadow1, .dropshadow2 {
opacity:0;
filter:alpha(opacity=0);
-moz-opacity:0;
float:left;
clear:left;
background: url(../../../../all/images/) no-repeat bottom right !important;
background: url(../../../../all/images/shadow.png) no-repeat bottom right;
margin: 5px 0 5px 5px !important;
margin: 5px 0 5px 5px;
width: 500px;
padding: 0px;
}
.innerbox {
opacity:100;
filter:alpha(opacity=100);
-moz-opacity:1.0;
position:relative;
bottom:5px;
right: 5px;
border: 0px solid #999999;
padding:0px;
margin: 0px 0px 0px 0px;
}
und hier der Aufruf im Quelltext
<div class="dropshadow2" style="filter:alpha(opacity=25); -moz-opacity:0.01;">
<div class="innerbox" style="width:625px; height:350px; background-color:#FFFFFF; border-left:2px solid #FF9900; border-top:2px solid #FF9900;filter:alpha(opacity=100); -moz-opacity:1.0;"></div></div>
Leider übernimmt der DIV Innerbox die Transparenz des darüberliegenden DIV dropshadow2.
Der Versuch, dem unteren DIV keine Transparenz zuzuweisen funktionierte leider auch nicht.
Kann mir jemand dabei helfen dies auch in FireFox abilden zu können, oder geht das gar nicht?
Vielen Dank und Grüße
Tolwin