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

Question

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

使用CSS和/或Javascript有一种“简单”的方法吗？我可以使用Javasript为点击的图像/ div添加一个类，但不太确定如何生成透明数字叠加以填充图像区域。我需要绘制到画布还是有更简单的方法？

Answer 1

不确定我是否接受了这个问题，因为这应该非常简单。

这是FIDDLE

这是你想要做的吗？

Answer 2

如果您没有太多的透明图像，则可以使用带有数字的透明图像（例如，如果它不足100）。然后在你提到的时候使用不同的类重叠它们。