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

Question

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

具体来说，我需要保留的是 box-shadow。

Fiddle here

标准框阴影样式:

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

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

Answer 1

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

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