在图像悬停期间显示可点击图标答案

【问题标题】：Clickable icon displays during hover over of image在图像悬停期间显示可点击图标
【发布时间】：2017-07-19 08:56:59
【问题描述】：

我必须创建一个small red clickable X，当我将鼠标悬停在图像上时，它会显示在右上角。

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

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

任何帮助将不胜感激。

更新

这是我的理论：

我们添加悬停背景，然后设置红色图像的背景 Url，然后以某种方式将其放置在右上角。

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

【问题讨论】：

这不是免费的编码服务。您必须至少对要使用的代码有基本的了解。尝试自己编码您的项目。如果您遇到困难，我们随时为您提供帮助。 stackoverflow.com/help/how-to-ask
@Michael_B 现在怎么样了？这是据我所知
您使用过引导模式吗？对于做同样的事情，它可能看起来更好......如果你愿意，我可以在你的答案中链接它
你能在问题中加入html、css、javascript吗？

标签： javascript html css hover

【解决方案1】：

这里有一个我制作的 sn-p。询问是否有什么不够清楚。

.img {
  height: 50px;
  width: 50px;
  background-color: yellow;
}

.x {
  color: black;
  width: 50px;
  height: 50px;
  display: none;
}

.img:hover>.x {
  display: block;
}

<div class="img">
  <div class="x">
    x
  </div>
</div>

【讨论】：

我现在出去，我过几个小时就到家我有一些问题