Fatal编程技术网
  • css/
  • Css 如何在拖动图元时保持样式？

Css 如何在拖动图元时保持样式？

css

Css 如何在拖动图元时保持样式？,css,drag-and-drop,draggable,drag,Css,Drag And Drop,Draggable,Drag,我的问题是，我有一个可拖动的元素，它有一些样式。当我拖动它时，它不会保留所有的样式，其中一些样式会在拖动元素时消失 具体来说，我需要保留的是盒子阴影 标准框阴影样式： .fixed-red-bg { box-shadow:10px 5px 5px 5px; } 如何在拖动该元素时不丢失长方体阴影？（可选）是否有其他在拖动时不会丢失的样式可用于模拟深度效果？在Chrome和Firefox上，当您将红色框放入放置区域时，阴影确实会保留下来。但是，当您拖动它时，Chrome通常会删除阴影。

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

具体来说，我需要保留的是盒子阴影

标准框阴影样式：

.fixed-red-bg {
    box-shadow:10px 5px 5px 5px;
}
如何在拖动该元素时不丢失长方体阴影？（可选）是否有其他在拖动时不会丢失的样式可用于模拟深度效果？

在Chrome和Firefox上，当您将红色框放入放置区域时，阴影确实会保留下来。但是，当您拖动它时，Chrome通常会删除阴影。我记得几年前有人报道过这个问题，但我不相信它已经解决了

虽然其他人可能会使用css进行适当的修复，但您可以做的是制作一个半透明的.png图像作为阴影，并在

刚刚编辑问题之前使用伪
将其放置在对象下方，以加强拖动时出现的问题。这是一个很好的建议，我会尝试一下，并在这里发布更新