Bagaimana cara mempertahankan gaya saat menyeret elemen?

Masalah saya adalah, saya memiliki elemen yang dapat diseret, yang memiliki beberapa gaya. Saat saya menyeretnya, tidak semua gaya dipertahankan, beberapa di antaranya hilang SAAT elemen diseret.

Khususnya yang perlu saya simpan adalah box-shadow.

Biola di sini

Gaya bayangan kotak standar:

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

Bagaimana caranya agar bayangan kotak saya tidak hilang saat menyeret elemen itu? Secara opsional, apakah ada gaya lain, yang tidak hilang saat menyeret, yang dapat digunakan untuk meniru efek kedalaman?


drag-and-drop drag css draggable
person caiocpricci2    schedule 17.06.2016    source sumber

Jawaban (1)


arrow_upward
0
arrow_downward

Di Chrome dan Firefox, saat Anda meletakkan kotak merah di area drop, bayangannya tampak tetap ada. Namun, saat Anda menyeretnya, Chrome biasanya akan menghilangkan bayangannya. Saya ingat masalah ini dilaporkan beberapa tahun yang lalu namun saya yakin masalah ini belum terselesaikan?

Meskipun orang lain mungkin memiliki perbaikan yang sesuai menggunakan css, yang dapat Anda lakukan adalah membuat gambar .png semi-transparan sebagai bayangan, dan memposisikannya di bawah objek menggunakan pseudo before

person Aaron Lavers    schedule 17.06.2016
comment
Baru saja mengedit pertanyaan untuk memperkuat masalah yang terjadi saat menyeret. Itu saran yang bagus, saya akan mencobanya dan memposting pembaruan di sini - person caiocpricci2; 17.06.2016