用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> 

要去了我的头顶部，但也不会这样的事情做的伎俩？