Button 缩略图上的CSS按钮

我真的不知道该怎么做。我以前尝试过做这类事情，但没有成功，所以我想我应该先跳到这里，向你们这些聪明人寻求智慧

基本上，我的页面上有一系列80x80的缩略图，我希望在拇指的右下角有一个小加号按钮（它有一个悬停，所以你可以看到它是一个按钮），执行Javascript函数。基本上，加号按钮会将缩略图添加到页面的另一个区域

无论如何，有人能给我一个如何实现这一点的快速例子吗？不仅按钮是可点击的，而且如果缩略图的正常图像部分被点击，我希望它转到那个拇指。我已经让缩略图部分工作，我只需要找出如何覆盖按钮，使它成为一个单独的可点击元素的实际缩略图。我为这个制作了一个加号按钮图像和一个悬停加号按钮图像

基本上，我只是在寻找一个起点，我在谷歌上试过一些例子，但我什么都做不到，而且没有一个是真正适合我所要做的。不幸的是，CSS不是我的强项之一

---

谢谢大家的帮助，非常感谢。

如果我理解正确，试试这个

.img_container {position: relative; width: 80px; height: 80px;}

.img_container button {display: none; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px;}
.img_container:hover {background: rgba(0,0,0,.4);}
.img_container:hover button {display: inline-block;)

你的html

<div class="img_container">
    <img src="pic.png">
    <button>+</button>
</div>

+

---

希望这有帮助：）

您需要编辑您的问题，并发布当前问题的相关代码！而且，告诉你到目前为止都尝试了些什么总是很好的！你的问题和你回答的问题很相似