html - 悬停时在光标旁边显示图像

Question

当用户将鼠标悬停在 .tags 上时，我希望图片位于 url /image/BTb0z.jpg (例如) float 到用户鼠标指针的右侧。

我怎样才能完全在 CSS 中做到这一点？

我知道如何在 JavaScript 中执行此操作，但甚至不知道在 CSS 中是否可行，更不用说从哪里开始了。

Answer 1

我认为仅使用 CSS 无法将图像附加到光标。但是你可以让光标本身是一个图像，查看https://css-tricks.com/almanac/properties/c/cursor/一个解释。但是对于作为光标的图像，您可以这样做:

.class {
  cursor: url(images/my-cursor.png), auto;
}