Content-URL funktioniert nicht in Firefox

Question

Meine CSS-Datei ist:

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

Das ist mein HTML-Code:

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

Der obige Code funktioniert auch in Firefox und Chrome.

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

     <img id="name_wrong_img" /> 

Dies funktioniert gut in Chrome. Aber nicht in Firefox. Was ist das Problem dabei?

Answer 1

Firefox unterstützt die content Eigenschaft nicht auf die gleiche Weise wie Chrome - auf img Elemente und/oder wenn die Quelle ein Bild ist.

<img> repräsentiert ein Inhaltsbild. Wenn Sie es verwenden, sollte es eine src und eine alt haben.

Von the specification:

Das src-Attribut muss vorhanden sein und müssen eine gültige Nicht-leer-URL möglicherweise umgeben von Räumen Bezugnahme auf eine nicht-interaktive, optional animiert, Bildressource enthalten, die weder ausgelagert wird noch scripted .