微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5 – 可拖曳的项目褪色和丑陋

我正在研究一些 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像素的元素需要一些“鬼”效果,而不是更小.

原文地址:/html5/168588.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。