Html5 拖放过程中的残影

项目中踩坑,使用 Drag 进行拖放排序的时候,一开始拖动时候的残影还是清晰可见的,改完 design 之后发现残影虚了,看不清楚,费了一上午时间 终于发现了问题所在;

新 design 可拖动的块的宽度有所增加 难道是宽度影响?宽度并不无辜 就是他! 见下图

Html5 拖放过程中的残影_第1张图片

浏览器 100% 情况下 示例中 可拖动块的最大宽度是 300px !块的宽度小于等于 300px 残影清晰;大于 300px 残影就虚化了;

当浏览器 大于 100% 的情况 如下图

Html5 拖放过程中的残影_第2张图片

PS:输入 298px 的原因是 有 2px 的 border 占位

就是这些!

如有问题,还望了解的大佬指点一二;

你可能感兴趣的:(Html5 拖放过程中的残影)