如果出现“ war 迷雾”类型的图像被涂黑，但当用户将鼠标悬停在图像上时，光标周围的区域会显示出来，最好的方法是什么。因此可能在图像上用 CSS 设置了一些样式，当用户将鼠标悬停在它上面时，它会变得透明，因此可以在鼠标周围的区域看到图像，但图像的其余部分仍然是黑色的。
最佳答案
如果您只想使用 javascript 和 css 来执行此操作:
- 创建一个中间有透明孔的黑色图像
- 使用一些 javascript 获取鼠标位置
- 更新css，将雾图像的位置设置为鼠标指针
您必须确保所有内容都正确分层，以便您的图像位于雾图像下方，如果雾图像未占据整个浏览器窗口，则雾图像位于其余内容下方。
关于javascript - 在鼠标悬停时显示图像的一部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10493782/