如何在拖动元素时保留样式?

时间:2016-06-17 01:40:12

标签: css css3 drag-and-drop draggable drag

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

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

Fiddle here

标准盒子阴影样式:

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

拖动该元素时,如何不丢失框阴影?可选地,还有其他样式,在拖动时不会丢失,可以用来模仿深度效果吗?

1 个答案:

答案 0 :(得分:0)

在Chrome和Firefox上,当您将红色框放入拖放区域时,阴影似乎仍然存在。但是,中拖动它时,Chrome通常会丢弃阴影。我记得几年前报道的这个问题,但我不相信它已经解决了?

虽然其他人可能使用css进行了合适的修复,但您可以做的是将半透明的.png图像作为阴影,并使用伪before

将其放置在对象下