有谁知道在图像上方显示文本的简单方法？我发现的一种解决方案是执行以下操作:
<img id='img1' src='myimage.jpg'>
<div style='position:relative; top:-30px'> MY TEXT TO DISPLAY ON IMAGE</div>
这将使 Div 及其所有内容向上移动 30 像素。问题是我不知道图像的高度。但是，我确实知道宽度。此外，我的页面上可能有许多需要覆盖文本的动态图像，而我不一定知道服务器运行时图像的绝对位置。
我在将图像设为背景图像方面也没有取得多大成功，因为我无法让它显示完整图像——它只显示了足以放在 div 后面的图像。如果您有任何建议或需要更多信息，请告诉我。
PS:我对客户端解决方案持开放态度，例如 javascript/JQuery。
最佳答案
这个呢？
<div style="position: relative;">
<img src="..." />
<div style="position: absolute; top:0; left:0">!!! TEXT HERE !!!</div>
</div>
关于jquery - 在 ImageButton 上叠加文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/614649/