Я работаю над некоторыми функциями перетаскивания 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 пикселей.
В будущем w3c планирует разрешить пользователю устанавливать все эти эффекты с помощью новых псевдоселекторов CSS4 http://www.w3.org/TR/selectors4/#drag-pseudos, но теперь я думаю, что это не возможно в обычном стиле. Только не используя функцию html5 draggable и пусть (некоторые) javascript выполняет всю работу.
Странно, почему кто-то из Google решил, что элементы размером более 300 пикселей нуждаются в каком-то "призрачном" эффекте, а меньше.