Как сохранить стили при перетаскивании элемента?

Моя проблема в том, что у меня есть перетаскиваемый элемент, у которого есть стиль. Когда я перетаскиваю его, он не сохраняет все стили, некоторые из них исчезают, ПОКА элемент перетаскивается.

В частности, мне нужно сохранить box-shadow.

Поиграйте здесь

Стандартный стиль box-shadow:

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

Как не потерять тень при перетаскивании этого элемента? По желанию, есть ли какой-либо другой стиль, который не теряется при перетаскивании, который можно использовать для имитации эффекта глубины?


drag-and-drop drag css draggable
person caiocpricci2    schedule 17.06.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

В Chrome и Firefox, когда вы перетаскиваете красную рамку в область перетаскивания, кажется, что тень остается. Однако пока вы перетаскиваете его, Chrome обычно отбрасывает тень. Я помню, что об этой проблеме сообщалось несколько лет назад, но я не верю, что она была решена?

В то время как у кого-то может быть подходящее решение с помощью css, вы можете сделать полупрозрачное изображение .png в качестве тени и расположить его под объектом, используя псевдо before

person Aaron Lavers    schedule 17.06.2016
comment
Только что отредактировал вопрос, чтобы подчеркнуть, что проблема возникает при перетаскивании. Это отличное предложение, я попробую и опубликую обновление здесь. - person caiocpricci2; 17.06.2016