url contenido no está trabajando en Firefox

Question

Mi archivo CSS es:

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

Este es mi código HTML:

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

El código anterior funciona bien en Firefox y Chrome.

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

     <img id="name_wrong_img" /> 

Esto funciona bien en Chrome. Pero no en Firefox. ¿Cuál es el problema en esto?

Answer 1

Firefox no admite la propiedad content de la misma manera que Chrome - en elementos img y/o cuando la fuente es una imagen.

<img> representa una imagen de contenido. Si lo usa, debe tener un src y un alt.

De the specification:

El atributo src debe estar presente y debe contener una dirección URL que no esté vacía válida potencialmente rodeado de espacios que hacen referencia a un opcionalmente animada recurso de imagen no interactiva, que ni se pagina ni con guión .