在为img使用内容或背景之前/之后使用CSS伪？

至于伪元素

：after

/

：before

如果我想在那里显示图像，显然有两种方法：

使用

背景图像：url（imgurl.png）

使用

content:url（imgurl.png）

这两种方法都正确有效吗？为什么我要用一种方法而不是另一种

显然，使用第二种方法无法设置图片属性（如大小）。但第一种方法通常更多的是在互联网上教授

---

想法？

这取决于您的图像是什么，就像在CSS中使用

标记与使用

背景图像之间的争论一样

如果您的图像是页面内容的一部分，请使用
content:url（imgurl.png）。当然，如果您希望图像在页面上具有交互性或告知用户体验，请使用
content
。如果你的图片只是网站视觉设计的风格，那么使用
背景图片：url（imgurl.png）

另外，请注意您应该使用双冒号：
：：before
和
：：after
。只有IE8需要单冒号版本。
“如果您的图像是页面内容的一部分，”一个纯粹主义者会说，只需使用img元素，不需要提问。纯粹主义者也会说，生成的内容纯粹是表示性的，因为它完全由CSS处理，从来不会成为实际内容的一部分。在这种情况下，使用content属性的唯一原因似乎是他们对使用图像的内在维度感兴趣和/或他们不想手动调整伪元素的大小。关于调整图像大小的部分几乎是我能想到的唯一决定因素。你要么关心缩放图像，要么不关心，因为你只是想按原样使用图像。