Guten Abend,
ich habe ein Problem mit einem Schatten einer Div-Box und kann mir nicht ganz erklären was falsch läuft. Ich habe "Slides" die sich ins "Sichtfeld" schieben und dabei geht bei des textbox-div-box der Schatten am rechten und unteren Rand verloren.
Das Ganze rufe ich im Body wie folgt ab:
was läuft falsch?
Wenn ich es ohne die Slide-Funktion teste habe ich den Schatten an alle Seiten.
Vielen Dank & Gruss Johann
ich habe ein Problem mit einem Schatten einer Div-Box und kann mir nicht ganz erklären was falsch läuft. Ich habe "Slides" die sich ins "Sichtfeld" schieben und dabei geht bei des textbox-div-box der Schatten am rechten und unteren Rand verloren.
Code:
.hiddenElement{
display:none;
/* Fix IE floating bug */
position: absolute;
}
div.textbox {
background-color:#900;
margin-left:450px;
margin-top:100px;
padding:10px;
text-align:justify;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: solid 1px #FFFFFF;
-webkit-box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.6);
-moz-box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.6);
box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.6);
overflow: hidden;
z-index:3;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(144, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(144, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99900000, endColorstr=#99900000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99900000, endColorstr=#99900000)";
}
Das Ganze rufe ich im Body wie folgt ab:
Code:
<div id="slide0" class="hiddenElement">
<div class="textbox" style="width:500px; height:300px">
Inhalt
</div>
</div>
was läuft falsch?
Wenn ich es ohne die Slide-Funktion teste habe ich den Schatten an alle Seiten.
Vielen Dank & Gruss Johann