Wie behalten Sie Stile beim Ziehen eines Elements?

Question

Mein Problem ist, ich habe ein ziehbares Element, das etwas Styling hat. Wenn ich es ziehe, behält es nicht alle Stile bei, einige davon verschwinden, während das Element gezogen wird.

Speziell die, die ich behalten muss, ist Box-Shadow.

Fiddle here

Standard-box-shadow-Stil:

.fixed-red-bg { 
    box-shadow:10px 5px 5px 5px; 
} 

Wie verliere ich nicht Schatten meiner Box, während das Element ziehen? Gibt es optional einen anderen Stil, der beim Ziehen nicht verloren geht und mit dem man einen Tiefeneffekt nachahmen kann?

Answer 1

Wenn Sie in Chrome und Firefox die rote Box in den Ablagebereich legen, scheint der Schatten zu bestehen. Jedoch, während Sie ziehen es Chrome wird in der Regel den Schatten fallen lassen. Ich erinnere mich, dass dieses Problem vor ein paar Jahren gemeldet wurde, aber ich glaube nicht, dass es gelöst wurde?

Während jemand anderes ein geeignetes Update mit CSS haben kann, was Sie tun können, ist eine halbtransparente PNG Bild als Schatten machen, und positionieren Sie es unter dem Objekt bearbeitet die Pseudo mit before