html - コンテンツのURLがFirefoxで機能しない

Question

私のCSSファイルは次のとおりです。

        #name_wrong_img
        {
           width:43px;
           height:29px;
        } 

これは私のHTMLコードです：

         <img id="name_wrong_img" src="wrong.jpg" />

上記のコードは、FirefoxとChromeの両方でうまく機能しています。

        #name_wrong_img
        {
           content:url(wrong.jpg);
           width:43px;
           height:29px;
        } 

         <img id="name_wrong_img"  />

これはChromeでうまく機能しています。しかし、Firefoxではありません。これの問題は何ですか？

Answer 1

contentFirefoxは、Chromeと同じように、img要素やソースが画像の場合にこのプロパティをサポートしていません。

<img>コンテンツ画像を表します。使用する場合は、とが必要srcですalt。

仕様から：

src属性が存在する必要があり、ページングもスクリプト化もされていない非対話型のオプションでアニメーション化された画像リソースを参照するスペースで囲まれている可能性のある有効な空でないURLが含まれている必要があります。