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

Question

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

特别是我需要保留的是 box-shadow。

Fiddle here

标准箱形阴影样式：

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

如何在拖动该元素时不丢失我的盒子阴影？或者，是否有任何其他样式，在拖动时不会丢失，可用于模拟深度效果？

Answer 1

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

虽然其他人可能使用 css 进行了适当的修复，但您可以做一个半透明的 .png 图像作为阴影，并使用伪 before 将其放置在对象下方