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

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

考虑一下HTML和CSS …

HTML

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

CSS

img:before {

content: "hello";

}

这不会产生预期的效果(已在Chrome 13和Firefox 6中测试)。但是,它可以使用divspan元素。

为什么不?

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

回答:

规范说 …

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

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

以上是 为什么:before和:after伪元素不能与`img`元素一起使用? 的全部内容, 来源链接: utcz.com/qa/408814.html

回到顶部