Я работаю над некоторыми функциями перетаскивания HTML5. Я добавляю свойство draggable="true"
к моим элементам, и он отлично работает до тех пор, пока элементы не будут более 300 пикселей.
До 300 пикселей в ширину изображение "призрака", которое отображается при перетаскивании, выглядит хорошо.
При ширине более 300 пикселей (например, при 301px) изображение "призрак" имеет градиентное затухание, начиная с положения мыши.
<div draggable="true" style="width:300px">Item 1</div>
<div draggable="true" style="width:301px">Item 2</div>
"Пункт 1" выше выглядит хорошо, "Пункт 2" выше выглядит ужасно. Я сделал jsFiddle, чтобы проиллюстрировать эту точку. (Протестировано в Chrome и Firefox.)
Есть ли способ отключить это, так что я получаю красивое изображение без призмы? Я специально хочу перетащить div, ширина которого составляет 400 пикселей.