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

Posted 2023-05-08

【中文标题】拖动元素时如何保持样式？

【英文标题】：How to keep styles while dragging an element?

【发布时间】：2016-10-18 17:13:17

【问题描述】：

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

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

Fiddle here

标准箱形阴影样式：

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

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

【参考方案1】：

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

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

【讨论】：

刚刚编辑了问题以强化拖动时发生的问题。这是一个很好的建议，我会试一试并在此处发布更新