可拖动的项目褪色和丑陋

Question

我正在研究一些HTML5拖放功能.我将draggable="true"属性添加到我的元素中它很有效,直到元素宽度超过300px.

高达300px宽,拖动时显示的"重影"图像看起来很好.

在300px宽以上(例如在301px处),"重影"图像从鼠标位置开始具有渐变渐变.

<div draggable="true" style="width:300px">Item 1</div>
<div draggable="true" style="width:301px">Item 2</div>

上面的"第1项"看起来不错,上面的"第2项"看起来很可怕.我做了一个jsFiddle来说明这一点.(在Chrome和Firefox中测试过.)

有什么方法可以禁用它,所以我得到了漂亮的未装饰鬼影像？我特意想要拖动400px宽的div.

Answer 1

在未来w3c计划让用户通过CSS4新伪选择器设置所有这些效果http://www.w3.org/TR/selectors4/#drag-pseudos但现在我认为它不可能正常设置它.只是不使用html5功能draggable,让(一些)javascript完成所有工作.

令人奇怪的是,为什么来自谷歌的人认为大于300px的元素需要一些"幽灵"效果而不是更小.