如何在拖动时关闭元素CSS背景

Question

我使用JavaScript构建拖放界面，用户可以点击并拖动链接（有时会有CSS背景图像）并将其拖放到画布上。

我的问题是鼠标光标在拖动过程中在其下方有链接背景图像。我需要添加自己的光标设计，所以有没有办法关闭这个CSS背景，以便在拖动时不跟随鼠标？

Answer 1

你试过设置：锚标签的活动伪类吗？

http://www.w3schools.com/cssref/sel_active.asp

然后如果那还不行，你可以在减速后使用！important吗？

，例子可能是

.links:active {
    background-image: none !important;
}

当用户发布背景图片时应该返回。

Answer 2

我发现这个问题的最佳解决方案是使用jQuery将e.preventDefault（）分配给链接的click事件，从而禁用后台拖动效果。然后，如果你想在拖动时想要一个自定义光标，写一个脚本来匹配一个绝对定位的div（以图像作为背景）x，y绳索到鼠标位置。