web-dev-qa-db-fra.com

Firefox dit "Impossible de charger l'image" pour certaines images, ajoute automatiquement des classes étranges

J'ai essayé plusieurs fois et plusieurs façons, mais je n'arrive pas à comprendre. L'ensemble d'images ci-dessous se charge parfaitement dans les navigateurs autres que Firefox, mais TOUT sont invisibles dans Firefox. Si j'ouvre l'inspecteur de document et que la souris passe la souris sur l'URL, les images s'affichent uniquement pour Google et les courriers électroniques (les deux seuls à ne pas avoir cette classe bizarre sur eux). 

Donc, je suppose que la question est la suivante: pourquoi firefox ajoute-t-il une classe étrange à mes images (toutes celles-ci, toutes les autres sur la page fonctionnent-elles bien) et pourquoi aucune d'entre elles n'apparaît dans cette zone?

   <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>

Voici le CSS calculé de la zone #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;
}

Une autre chose que j'ai remarquée, lorsque je clique sur l'une des images de cette zone, la fenêtre contextuelle de l'inspecteur qui survole généralement l'élément situé sur la page se trouve en haut à gauche de l'écran, comme si toutes les images étaient affichées. hors de l'écran quelque part. 

Déjà essayé d'effacer le cache complètement. Aussi essayé de charger manuellement les URL des images dans Firefox et les images se chargent et affichent bien si je le fais. J'ai également déplacé les balises d'image à d'autres endroits sur la page pour m'assurer que ce n'est pas un problème CSS imbriqué.

htmlfirefox
20
not_a_generic_user

Désolé d’être intervenu aussi rapidement, mais j’ai remarqué quelque chose de bizarre et j'ai finalement découvert la raison. Adblock bloquait probablement les images parce que j'avais accidentellement cliqué dessus et filtré.

Je laisserai cette question, car cela pourrait être utile aux autres.

36
not_a_generic_user

Désactiver AdBlock pour la page en cours que vous chargez. L'image est affichée après l'actualisation. Je viens d'essayer et ça marche.

1
Ejilarasan J