为什么: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中测试)。但是,它可以使用div
或span
元素。
为什么不?
有没有一种方法可以使伪元素与img
元素一起使用?
回答:
规范说 …
注意。该规范并未完全定义替换元素(例如HTML中的IMG):before
以及:after
与替换元素的交互。这将在以后的规范中更详细地定义。
我猜这意味着它们暂时不使用img
元素。
以上是 为什么:before和:after伪元素不能与`img`元素一起使用? 的全部内容, 来源链接: utcz.com/qa/408814.html