zawartości URL nie działa w Firefoksie

Question

Mój plik CSS jest:

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

To jest mój kod HTML:

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

Powyższy kod działa dobrze zarówno w Firefox i Chrome.

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

     <img id="name_wrong_img" /> 

Działa to dobrze w przeglądarce Chrome. Ale nie w Firefox. Jaki jest w tym problem?

Answer 1

Firefox nie obsługuje właściwości content w taki sam sposób jak Chrome - na elementach img i/lub gdy źródłem jest obraz.

<img> reprezentuje obraz treści. Jeśli go używasz, powinien mieć wartość src i alt.

Od the specification:

atrybut src musi być obecny, i muszą zawierać poprawny niepusty URL potencjalnie otoczony spacjami odwołujących nieinteraktywny, ewentualnie animowane, źródło obrazu, który nie jest ani stronicowanej ani skryptów .