Подтвердить что ты не робот

Перетаскиваемый элемент исчез и уродливый

Я работаю над некоторыми функциями перетаскивания 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.)

Nice LookingUgly Looking

Есть ли способ отключить это, так что я получаю красивое изображение без призмы? Я специально хочу перетащить div, ширина которого составляет 400 пикселей.

4b9b3361

Ответ 1

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

Странно, почему кто-то из Google решил, что элементы размером более 300 пикселей нуждаются в каком-то "призрачном" эффекте, а меньше.