为什么我网站上的某些图像会应用一个奇怪的类？答案

【问题标题】：Why is a strange class being applied to certain images on my site?为什么我网站上的某些图像会应用一个奇怪的类？
【发布时间】：2015-04-21 00:24:22
【问题描述】：

我构建了一个简单的网站，作为自学 HTML、CSS 和 JQuery 的一部分。你可以在这里看到它：http://davideyre.co.uk

它工作了一段时间，但现在在“联系人”div 中，有几张图片消失了。蓝色电子邮件图像仍然存在，鼠标悬停可切换到黑色电子邮件图像，但 Twitter、LinkedIn 和 Google 图像根本不显示。

当我在 Firefox 上使用 Inspect Element 插件查看它们时，似乎对这三个图标应用了一个 img 类。这段代码显示了应用了 img 类的第一个列表项（电子邮件图标）和第二个列表项（Twitter 图标）。

<div id="contact">
<ul>
<li class="menuimage">
<a target="_blank" href="mailto:david@davideyre.co.uk">
<img width="60" height="60" src="http://davideyre.co.uk/images/email_blue.png" data-other-src="http://davideyre.co.uk/images/emailblack.png">
</a>
</li>
<li class="menuimage">
<a target="_blank" href="http://twitter.com/davideyre">
<img class="qzsombkdzpaqphznltst" width="60" height="60" src="http://davideyre.co.uk/images/twitter_blue.png" data-other-src="http://davideyre.co.uk/images/twitterblack.png">
</a>
</li>

我不知道这个 img 类是如何应用于图像的。

【问题讨论】：

这里没有显示。有任何浏览器插件可能会破坏您的 dom？
我尝试将您链接到图像路径中，但未找到。
我的浏览器没有添加任何类。可能是你安装的插件？
让我猜猜，它只出现在社交媒体图标上？禁用你的广告拦截器；）

标签： html css image class

【解决方案1】：

我想知道你为什么使用 menuimage 类。你不会在你的 CSS 中使用它。

我会尝试在 CSS 中为 menuimage 类添加一些样式，看看是否可以影响列表标签的样式。或者从列表标签中删除menuimage类并将其添加到图像标签项中，并尝试添加样式。

【讨论】：

这不是问题的答案。应该是评论。我知道你还没有代表发表评论..

【解决方案2】：

非常感谢 MarkB、IAteYourKitten 和 Bondye。它是 Firefox 中的 Adblocker。 :)

【讨论】：

另外，您的图像davideyre.co.uk/image/linkedinblack.png 未加载，因为它未找到[在此服务器上未找到请求的 URL /image/linkedinblack.png。] 检查该文件的权限名称。 :)