Firefoxでイメージアンカーリンクが読み込まれないのはなぜですか？

Question

私のブランドbeppoの静的なウェブサイト（www.beppo.in）を設計し、Gitでホストしました。 Firefoxはclass属性に何らかのゴミ値を追加するよう

Webページは、Chromeで適切に開きますが、Firefoxで画像アンカーリンクが、隠されている：

は、FirefoxとChromeで、ここでの挙動の比較を参照してください。 。それでも、要素への複数のクラスについての私の理解によれば、オブジェクトは適切にレンダリングされるはずです。しかし、要素は何らかの理由で隠されています。

ウェブページが少し厄介なように見えるかもしれません（私はデザインで印象づけると思っていました）、ウェブサイトの5％を完成させました。私はアマチュアのコーディングスキルを親切にしています。デザインを試してみる。

img要素の検査結果は、div_sndsの下に表示されます。 class="changesrc kybykzzeojjrekictcig"の点に注意してください。

<div id="div_snds"> 
<span class="label">Find us on:</span> 
<a href="http://www.facebook.com/beppo.in" target="_blank" class="tooltip"><span class="small">facebook.com/beppo.in</span><img class="changesrc kybykzzeojjrekictcig" id="imgFb" src="images/fb.png" draggable="false" onmousedown="return false;" alt="FB" onmouseout="this.src='images/fb.png';" onmouseover="this.src='images/fb_link.png';"></a> 
<a href="http://www.twitter.com/BeppoIndia" target="_blank" class="tooltip"><span class="small">twitter.com/BeppoIndia</span><img class="changesrc kybykzzeojjrekictcig" id="imgTwt" src="images/twitter.png" draggable="false" onmousedown="return false;" alt="TWT" onmouseout="this.src='images/twitter.png';" onmouseover="this.src='images/twitter_link.png';"></a> 
<a href="https://www.google.com/+BeppoIndia" target="_blank" class="tooltip"><span class="small">google.com/+BeppoIndia</span><img class="changesrc kybykzzeojjrekictcig" id="imgGplus" src="images/gplus.png" alt="GPLUS" draggable="false" onmousedown="return false;" onmouseout="this.src='images/gplus.png';" onmouseover="this.src='images/gplus_link.png';"></a> 
<a href="http://www.instagram.com/beppo.in" target="_blank" class="tooltip"><span class="small">instagram.com/beppo.in</span><img class="changesrc kybykzzeojjrekictcig" id="imgIns" src="images/instagram.png" draggable="false" onmousedown="return false;" alt="INSTA" onmouseout="this.src='images/instagram.png';" onmouseover="this.src='images/instagram_link.png';"></a> 
<a href="http://www.beppoblog.wordpress.com" target="_blank" class="tooltip"><span class="small">beppoblog.wordpress.com</span><img class="changesrc" id="imgWord" src="images/wordpress.png" alt="WORDP" draggable="false" onmousedown="return false;" onmouseout="this.src='images/wordpress.png';" onmouseover="this.src='images/wordpress_link.png';"></a> 
</div> 

それはホストまたは私のアマチュアのコーディングスキルやその他の予期せぬ外部の問題としてので、Gitのであれば、私は困惑していますか？

誰もが似たような問題に遭遇し、それをうまく乗り越えてくれたら助けてください。

Answer 1

不思議なクラスkybykzzeojjrekictcigが広告ブロック拡張機能によって追加されています。その名前はランダムに生成されます。

Firefoxで問題を再現し、実行中の広告ブロック拡張機能を無効にして問題を再現しようとすると、これをテストできます。

Firefox（または同じ問題が発生した場合はChrome）でdevツールを使用して、kybykzzeojjrekictcigまたは同様の名前のないミステリークラスのために要素に適用されたスタイルを見つけることもできます。