图像的自动标题不起作用：img[title]：after{content：attr(title);}

Question

我想使用IMG标签的TITLE属性，为图像创建标题：

HTML

<img src="some.jpg" title="imgtitle" />

CSS

img[title]:after{content:attr(title);} 

但无论是在IE、Firefox还是谷歌Chrome中，它都不起作用，为什么？

Answer 1

我敢肯定你不能在图像中使用伪元素。这只是其中一个限制。不过我现在找不到推荐人。。。

编辑：http://css-tricks.com/vignetting-woes/有一个提到

没有"空"内容模型的元素支持通过伪元素生成的内容