Firefox sagt „Bild konnte nicht geladen werden“ für einige Bilder, fügt seltsame Klassen automatisch

Question

ich mehrmals und mehrere Möglichkeiten versucht haben, kann aber nicht herausfinden. Die folgende Reihe von Bildern lädt perfekt in Nicht-Firefox-Browser, aber alle von ihnen sind in Firefox unsichtbar. Wenn ich den Dokumentinspektor aufrufe und die Maus über die URL bewege, erscheinen die Bilder nur für Google und E-Mail (das sind die einzigen beiden, die diese komische Klasse nicht haben).

Also ich denke, die Frage ist: Warum fügt Firefox meinen Bildern eine seltsame Klasse hinzu (nur diese, alle anderen auf der Seite funktionieren gut) und warum kommen keine von ihnen in diesem Bereich?

<div id="share_icons"> 
      <img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/facebook.png" id="share_facebook"> 
      <img src="http://localhost:80/graphics/share/google.png" id="share_google"> 
      <img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/pinterest.png" id="share_pinterest"> 
      <img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/tumblr.png" id="share_tumblr"> 
      <img class="gknwrycuvfcesykaisun" src="http://localhost:80/graphics/share/twitter.png" id="share_twitter"> 
      <img src="http://localhost:80/graphics/share/email.png" id="share_email" pop="Send a link to this list to friends via e-mail. <b>Note:</b> recipients must already be users of the site or your view settings must allow public views for them to see it!"> 
     </div> 

Hier ist die berechnete CSS des Bereichs #share_icons:

#share_icons { 
width: 150px; 
text-align: center; 
margin-left: auto; 
margin-right: auto; 
} 
* { 
border: 0px none; 
margin: 0px; 
padding: 0px; 
font: inherit; 
vertical-align: baseline; 
-moz-box-sizing: border-box; 
} 

Eine andere Sache, die ich bemerkte, wenn ich auf eines der Bilder in diesem Bereich klicken, wird das Pop-up-Fenster für den Prüfer der bewegt sich normalerweise über dem Element, wo es sich auf der Seite befindet, oben links auf dem Bildschirm, als ob die Bilder irgendwo außerhalb des Bildschirms liegen würden.

versuchte bereits vollständig den Cache zu löschen. Ich habe auch versucht, die Bild-URLs manuell in Firefox zu laden und die Bilder werden geladen und angezeigt, wenn ich das tue. Ich habe die Bild-Tags auch an andere Stellen auf der Seite verschoben, um sicherzustellen, dass es sich nicht um verschachtelte CSS-Objekte handelt.

Answer 1

Leider in so schnell zu springen, aber bemerkte ich etwas seltsam und entdeckte schließlich den Grund. Adblock blockierte die Bilder am wahrscheinlichsten, weil ich versehentlich darauf geklickt und herausgefiltert hatte.

Ich werde diese Frage verlassen, weil es für andere hilfreich sein kann.

Answer 2

Disable AdBlock für die aktuelle Seite, die Sie laden. Das Bild wird nach der Aktualisierung angezeigt. Ich habe es gerade ausprobiert und es funktioniert.