Javascript 将鼠标悬停在图像上方时显示可单击图标

我必须制作一个

小的红色可点击X

，当我将鼠标悬停在图像上时，它会显示在右上角

理论上，他们可以点击X，它将处理一些工作，然后删除悬停在上面的图像。

我对CSS非常陌生，所以我没有实际的代码

任何帮助都将不胜感激

更新

我的理论是：

• 我们添加一个悬停背景，然后设置红色图像的背景Url，然后不知何故将其放置在右角

---

这是不对的，我确实需要看一下代码，因为我在这方面没有真正的技能。

这里有一个由我编写的代码片段。询问是否有不清楚的地方

.img{
高度：50px；
宽度：50px；
背景颜色：黄色；
}
.x{
颜色：黑色；
宽度：50px；
高度：50px；
显示：无；
}
.img:hover>.x{
显示：块；
}

x

这不是免费的编码服务。您必须至少具备要使用的代码的基本知识。尝试自己编写项目代码。如果你陷入困境，我们会帮助你@迈克尔：现在呢？这就是我所知道的，你用过引导模态吗？？做同样的事情可能会看起来更好…如果你愿意，我可以在你的回答中链接你的回答包括

html

，

css

，

javascript

试过了吗？我现在不在家，几小时后回家我有一些问题