我需要在每张图片上添加文本,并且我有使用 img 标签构建的图片库。我不能在 img 标签下附加 div 标签吗?与此处显示的类似:
<img id="img1" class="img1_1" src="hello1_1">
<div class="textDesc">HELLO1_1</div>
</img>
虽然 div 附加到 img 标签,但我在图像上看不到文本“HELLO1_1”。
请问有人能帮帮我吗? 如果您需要源代码,我可以与您分享。
这是测试场景的链接: http://jsfiddle.net/XUR5K/9/
最佳答案
图像标签不能有子元素。相反,您需要使用 CSS 将 DIV 定位在图像之上。
例子:
<div style="position: relative;">
<img />
<div style="position: absolute; top: 10px;">Text</div>
</div>
这只是一个例子。有很多方法可以做到这一点。
关于image - img 标签内的 div 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10425377/