jquery - 如何防止在 draggabilly.js 拖动期间调整 div 封面图像的大小？

Question

我正在构建一个图片库。用户可以拖放他们的照片以将它们添加到相册。我正在使用 draggabilly.js，我的可拖动缩略图是带有 background-image:url 和 background-size: cover 的潜水员。

我遇到了一个奇怪的问题，无论何时选择缩略图，背景图像大小都会恢复为原始大小，直到选择被释放。

这个 codepen 会解释得更好，只需将其中一个图像拖到顶部即可。

http://codepen.io/anon/pen/gpvVVz

有没有办法防止图像在被拖动时恢复大小？

Answer 1

这是因为你覆盖了 background-size :

.is-dragging {
  background: #4D90FE;
}

使用

.is-dragging {
  background-color: #4D90FE;
}

代替

http://codepen.io/zba/pen/eNMOpp