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.

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

.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 :

1 2 3 4 5

<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

Hallo,
hast du eventuell einen Link?

Viele Grüße

Hi,

für mich fehlt da erstmal:

Code css:

1 2	-o-border-radius: 10px; -khtml-border-radius: 10px;

+

Code css:

1	behavior: url(ie-css3.htc);

(Die HTC-Datei von hier ist für den IE leider nötig)

Weitere IE Hacks sehe signatur,
javaDeveloper2011