URL-адрес контента не работает в Firefox

Мой файл 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. В чем проблема?

Ответы

Ответ 1

Firefox не поддерживает свойство content так же, как элементы Chrome - on img и/или когда источником является изображение.

<img> представляет изображение содержимого. Если вы используете его, он должен иметь src и alt.

Из спецификации:

Атрибут src должен присутствовать и должен содержать допустимый непустой URL, потенциально окруженный пробелами, ссылающимися на неинтерактивный, необязательно анимированный ресурс изображения, который не обрабатывается и не запускается.