13

Chrome 開発ツールを調べているときに、次の CSS フラグメントに気付きました。

img {
    content: url(image-src.png);
}

これは Chrome で完全に機能します (以下のスクリーンショットを参照)。

Chrome 開発ツール

これにより、CSS を介して <img> タグの src 属性を定義できます。Firefox では動作しません。これまで、css を介して src 属性を直接変更することはできないと考えていましたが、これについて話している人はいませんでした。では、これは Chrome に独自に追加されたものにすぎないのでしょうか、それとも Chrome は W3C ドラフトまたは私が認識していない同等のものを実装しているのでしょうか?

4

2 に答える 2

15

contentCSS 2.1で定義されているプロパティは、:before疑似:after要素にのみ適用されます。CSSの規則により、任意の要素に任意のプロパティを指定できますが、仕様には、さまざまな要素に「適用」する（つまり、影響を与える）プロパティに制限があります。

CSS3で生成および置換されたコンテンツモジュール（作業ドラフト）では、contentプロパティがすべての要素に適用されると説明されています。要素のコンテンツを画像に置き換える例があり、h1要素に対しても同じことができるはずimgです。

しかし、それは単なる草案です。CSSの実装ステータスに関する通常のリソースであるQuirksMode.orgCSSinfoとCaniuse.comは、状況を示していません。それらはとのサポートについてのみ説明してcontentいます（IE7以前を除いてかなり普遍的です。:before:after

于 2012-06-24T05:19:28.537 に答える