2014-04-13 8 views
15

Ho provato diverse volte e in vari modi, ma non riesco a capirlo. Il set di immagini qui sotto si carica perfettamente nei browser non firefox, ma TUTTI sono invisibili in Firefox. Se apro l'ispettore del documento e passa il mouse sopra l'url, le immagini si aprono solo per google ed e-mail (che sono le uniche due che non hanno quella strana classe su di esse).Firefox dice "Impossibile caricare l'immagine" per alcune immagini, aggiunge automaticamente classi strane

Quindi credo che la domanda è: perché è firefox aggiungere una classe strano per le mie immagini (solo questi, tutti gli altri nella pagina funzionano bene) e perché non uno di essi mostrano in questa zona?

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

Ecco la CSS calcolata dell'area #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; 
} 

Un'altra cosa che ho notato, quando si fa clic su una delle immagini in questo settore, la scatola pop-up per l'ispettore che di solito si posiziona sopra l'elemento in cui si trova sulla pagina, nella parte in alto a sinistra dello schermo, come se le immagini fossero tutte fuori dallo schermo da qualche parte.

Già provato a svuotare completamente la cache. Ho anche provato a caricare manualmente gli URL delle immagini in Firefox e le immagini vengono caricate e visualizzate correttamente se faccio questo. Ho anche spostato i tag immagine in altri punti della pagina per assicurarmi che non si tratti di una cosa CSS nidificata.

risposta

24

Mi dispiace di saltare così in fretta, ma ho notato qualcosa di strano e FINALMENTE ho scoperto il motivo. Adblock stava bloccando le immagini molto probabilmente perché avevo cliccato accidentalmente e filtrato.

Lascerò questa domanda perché potrebbe essere utile per gli altri.

+2

Come addendum, potresti averlo incontrato per le stesse ragioni di me. L'ho definito "Elenco social blocking di Fanboy" con il widget "Apri elementi bloccabili" di Adblock. – furinkan

-1

Disabilitare AdBlock per la pagina corrente caricata. L'immagine viene visualizzata dopo l'aggiornamento. L'ho appena provato e funziona.

Problemi correlati