如何防止拖动时出现残影

Question

实施拖动轮播。 鼠标执行mousemove事件时，拖拽中断，出现下图现象

img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -ms-user-select: none;
  user-select: none;
}

如下所示被阻止，但文本仍然存在。我该如何解决？

标签组织如下。

<ul>
  <li>
    <a>
      <img>
      </img>
      <p>movie name</p>
    </a>
  </li>
</ul>

Answer 1

你可以试试这个：

pointer-events: none;

将它添加到img 标签，它会有所帮助。