[解決済み] なぜ :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";
}

jsFiddle .

これは期待する効果を生み出しません（Chrome 13とFirefox 6でテスト）。しかし、これは div または span という要素があります。

なぜダメなのか？

擬似要素を img 要素で動作させる方法はありますか？

どのように解決するのですか？

仕様書では ...

注意 本仕様では、相互作用を完全に定義しているわけではありませんが :before と :after を置換された要素（HTML の IMG など）に置き換えることができます。これは、将来の仕様でより詳細に定義される予定です。

とは連動しないということでしょうか。 img 要素では動作しないということでしょう (今のところ)。

また この回答 .