简单的Javascript/CSS文本覆盖在图像上

这是一个简单的，但我的网袋生锈了。我有一个小图像列表（100px宽，125px高），我希望用户能够点击图像，这样做有一个数字覆盖在点击的图像上

---

是否有一种“简单”的方法，仅使用CSS和/或Javascript就可以做到这一点？我可以使用Javasript向单击的image/div添加一个类，但不太确定如何生成透明数字覆盖以填充图像区域。我需要在画布上画画还是有更简单的方法？

如果没有太多的数字（例如，如果低于100），则可以使用带有数字的透明图像。然后使用您提到的不同类覆盖它们。

我不确定我是否理解这个问题，因为这应该是非常直接的问题

这里有一个

---

这就是你想要做的吗？

你为什么需要一张照片？只需使用div或带有数字的东西。@James是的，同意，这是一个很好的选择。在我看来，图像的可能优势是：只使用CSS解决方案，没有额外的DOM元素，如果需要，可以更好地设置数字样式。当然，这一切都取决于用法。我显然不知道该尝试什么…因此问题就来了。下面列出了一些有用的起点。