我正在研究一些
HTML5拖放功能.我将draggable =“true”属性添加到我的元素,它的效果非常好,直到元素宽于300px.
宽度可达300px,拖动时显示的“鬼”图像看起来不错.
高于300像素宽(例如,301像素),“幽灵”图像从鼠标位置开始渐变渐变.
<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.
解决方法
在未来,w3c计划让用户通过CSS4新的伪选择器
http://www.w3.org/TR/selectors4/#drag-pseudos设置所有这些效果,但现在我认为它不是正常的风格.只有不使用html5功能draggable和让(一些)javascript做所有的工作.
这很奇怪,为什么Google的人认为大于300像素的元素需要一些“鬼”效果,而不是更小.
