Как сохранить стили при перетаскивании элемента?

Question

Моя проблема в том, что у меня есть перетаскиваемый элемент, который имеет некоторый стиль. Когда я перетаскиваю его, он не сохраняет все стили, некоторые из них исчезают, когда элемент перетаскивается.

В частности, тот, который мне нужно сохранить, - это тень.

Fiddle here

Стандартная коробка-тень стиль:

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

Как не потерять свою тень коробки при перемещении этого элемента? Необязательно, есть ли другой стиль, который не теряется при перетаскивании, который можно использовать для имитации эффекта глубины?

Answer 1

В Chrome и Firefox, когда вы бросаете красную коробку в область падения, тень, похоже, остается. Тем не менее, пока вы перетаскиваете его. Chrome обычно отбрасывает тень. Я помню, как эта проблема сообщалась несколько лет назад, но я не думаю, что она была решена?

В то время как кто-то другой может иметь подходящий исправить с помощью CSS, что вы можете сделать, это сделать полупрозрачную .png изображение как тень, и положение его в объекте с использованием псевдо before