为什么不在Firefox中加载锚链接？

Question

我为我的品牌beppo设计了一个静态网站（www.beppo.in）并将其托管在Git上。

在此处查看Firefox和Chrome中的行为比较：

网页在Chrome中正常打开，但在Firefox中隐藏了图片锚链接，因为Firefox会为class属性添加一些垃圾值。即便如此，根据我对元素的多个类的理解，对象应该正确呈现。但由于某种原因隐藏了元素。

网页可能看起来有点棘手（我想过给设计留下印象）而且我刚刚完成了5％的网站，所以请好好承担我的业余编码技巧，因为我没有遵循任何编码约定，因为我＆＃ 39; m尝试设计。

查看下面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，如果你看到同样的问题发生在那里），并找到由于kybykzzeojjrekictcig或类似随机命名的神秘类而应用于元素的样式。你应该看到如下内容：

display: none !important;
visibility: hidden !important;
opacity: 0 !important;
background-position: 1px 1px;