我正在构建图片库。用户可以拖放照片以将其添加到相册。我使用了draggabilly.js,我的可拖动缩略图是潜水员background-image:url
和background-size: cover
。
我遇到了一个奇怪的问题,无论何时选择缩略图,背景图片大小都会恢复到原始大小,直到选择被释放。
这个codepen会更好地解释,只需拖动顶部的一个图像。
http://codepen.io/anon/pen/gpvVVz
有没有办法阻止图像尺寸在被拖动时恢复?
答案 0 :(得分:2)
这是因为你用:
覆盖背景大小.is-dragging {
background: #4D90FE;
}
使用
.is-dragging {
background-color: #4D90FE;
}
代替