如何在拖动元素时保持样式

Question

我的问题是，我有一个可拖动的元素，具有一些样式。当我拖动它时，它并不能保留所有样式，其中一些在拖动元素时就消失了。

特别是我需要保留的是盒子阴影。

小提琴

标准的盒子阴影样式：

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

在拖动该元素时，我如何不会失去盒子的阴影？可选地，是否有其他样式在拖动时不会丢失，可以用来模仿深度效果？

Answer 1

在Chrome和Firefox上，当您将红色框放入掉落区域时，阴影似乎仍然存在。但是， 您正在拖动它，通常会丢下阴影。我记得几年前报告的这个问题，但我不认为它已经解决了？

虽然其他人可能使用CSS具有合适的修复程序，但您可以做的是将半透明的.png图像作为阴影，并使用伪before