簡單的Javascript/CSS文字覆蓋圖像

-1

這是一個簡單的，但我的網頁fu生鏽。我有一個小圖片列表（寬度爲100px，高度爲125px）我希望用戶能夠點擊圖片，並在點擊圖片上添加一個數字。簡單的Javascript/CSS文字覆蓋圖像

是否有一種「簡單」的方式來做到這一點只與CSS和/或Javascript？我可以使用Javasript爲點擊的圖片/ div添加一個類，但不太確定如何生成透明數字覆蓋圖以填充圖像區域。我需要畫到畫布還是有更簡單的方法？

2012-02-20 Meltemi

我*顯然*不知道該怎麼嘗試...因此這個問題。看起來像下面列出的一些有用的起點。 – Meltemi 2012-02-20 21:43:30

不知道我得到的問題，因爲這應該是非常簡單的。

這裏有一個FIDDLE

這是你的努力呢？

2012-02-20 19:32:41 adeneo

如果你沒有太多的數字（例如，如果它的數量低於100），你可以使用帶有數字的透明圖像。然後就像你提到的那樣用不同的課程覆蓋他們。

2012-02-20 19:00:46

爲什麼你需要一個圖像？只需使用一個div或其中包含數字的內容即可。 – 2012-02-20 19:02:45

@James是的，同意，這是一個很好的選擇。我認爲圖像的可能優勢是：僅CSS解決方案，不需要額外的DOM元素以及更好的數字樣式。當然，這一切都取決於使用情況。 – 2012-02-20 19:06:48

回答