使用javascript在图像上显示文本

Question

我正在寻找一个JavaScript（或任何真正的）框架，可以为图像添加半透明背景的文本。我也想要一些简单的鼠标支持。我见过一些单独使用css但由于使用了多张图片而无法在我的情况下工作（我的图像是高分辨率，我不想浪费带宽）。我找到的另一个工作但创建了无效的代码并且加载了太多加载时间。是否有一个框架，或者我只需编写自己的代码？

由于

Answer 1

<div style="position: relative; height: 200px; width: 200px;">
   <img src="something.jpg" width="200" height="200" alt="Your Image" />
   <div style="position: absolute; height: 200px; width: 200px; left: 0; top: 0; line-height: 200px; vertical-align: middle; opacity: 0.5;">Your semi-opaque text</div>
</div>

脱离了我的头脑，但不会有这样的伎俩吗？