为什么：before和：after伪元素不能与`img`元素一起使用？

小编典典

css

我正在尝试将:before伪元素与元素一起使用img。

考虑一下HTML和CSS …

<img src="http://0.gravatar.com/avatar/this-is-not-a-hash" alt="" />

img:before {
  content: "hello";
}

这不会产生预期的效果（已在Chrome 13和Firefox 6中测试）。但是，它可以使用div或span元素。

为什么不？

有没有一种方法可以使伪元素与img元素一起使用？

阅读 445

2020-05-16

共1个答案

小编典典

规范说 …

注意。该规范并未完全定义替换元素（例如HTML中的IMG）:before以及:after与替换元素的交互。这将在以后的规范中更详细地定义。

我猜这意味着它们暂时不使用img元素。

2020-05-16