Простое наложение текста Javascript / CSS на изображение

Question

Вот это просто, но мой веб-фу ржавый.У меня есть список небольших изображений (ширина 100 пикселей, высота 125 пикселей). Я бы хотел, чтобы пользователи могли нажимать на изображение, и при этом на него щелкало число.

Есть ли "простой" способ сделать это только с помощью CSS и / или Javascript?Я мог бы использовать Javasript, чтобы добавить класс к нажатому изображению / div, но не совсем уверен, как создать прозрачное наложение цифр, чтобы заполнить область изображения.мне нужно рисовать на холсте или есть более простой способ?

Answer 1

Не уверен, что я понял вопрос, так как это должно быть довольно просто.

Вот вам FIDDLE

Это то, что вы пытаетесь сделать?

Answer 2

Вы можете иметь прозрачные изображения с цифрами на них, если у вас их не слишком много (например, если они, скажем, меньше 100). Затем просто наложите их, используя разные классы, как вы упомянули.