javascript - 用删除图像按钮覆盖缩略图？

Question

我需要创建一个删除按钮，当用户将鼠标悬停在该图像上时，该按钮会出现在我的拇指上方，链接看起来像是从收藏夹中删除？

有人知道如何实现吗？

我想要的示例是您在视频拇指上方找到的 YouTube 快速列表按钮。

Answer 1

当您将鼠标悬停在缩略图上时，它会显示图标，当您将鼠标悬停在该图标上时，它将变为悬停图标。

.image-thumb, .image-thumb img {
  position:relative;
  width:60px;
  height:50px;
}
.image-fav {
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  width:15px;
  height:15px;
  background-image:url(normal_plus.png);
}
.image-thumb:hover .image-fav {
  display:block;
}
.image-fav:hover {
  background-image:url(hover_plus.png);
}

<div class="image-thumb">
  <img src="thumb.jpg" />
  <a href="#" class="image-fav"></a>
</div>

嘘!