2012-08-07 118 views
1

据我可以告诉你不能在图像元素上使用:之前或之后的文本内容?它是否正确?我错过了什么吗?伪元素:之前或之后:图像元素

http://jsfiddle.net/rcztz/

我知道语义,这是不正确的,我使用的,因为我使用附加的JS SRC的形象,但如果没有SRC我想显示的替代内容(我可以使用另一个div,但它会很好使用:after或:before)

+0

你使用纯JavaScript还是像jQuery或MooTools这样的库? – jackwanders 2012-08-07 13:26:31

回答

2

这是正确的。您无法在图像上使用伪元素

2

正如lnrbob所说,您不能在图像上使用伪元素。但是,在图像上添加一个类并使用背景图像,您将完成同样的任务。

+0

我实际上正在尝试使用它的图标字体。我不介意把它作为一个图像,但它不会很好。 – 2012-08-07 14:32:13

+0

然后使用ALT标签并在图像上应用特殊的“字体族”声明。它不一定适用于所有浏览器,但它应该可以工作。否则,只需使用图标字体代码替换不存在的图像;你应该能够检查它是否通过JavaScript加载。使用'alt'属性的 – 2012-08-07 14:35:16

+0

是一个好主意,但要记住它不会工作的浏览器之一是令人难以置信的Chrome。我倾向于更经常地设计我的替代文字,但它只能在FF上看起来正确 – lnrbob 2012-08-07 15:19:01