image – img标签内的Div标签

我需要在每个图像上添加一个文本,并且我使用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/

解决方法

img元素有一个自闭标签,所以你不能给它子元素并期望它工作.其内容模型定义为空. Source.

我怀疑你指定的任何子节点都不会被渲染,因为img元素是一个替换元素,如W3C规范中所述.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些