Question

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

它工作正常一段时间，但现在在'联系'div中几个图像已经消失。蓝色电子邮件图像仍然存在，鼠标悬停工作以切换到黑色电子邮件图像，但Twitter，LinkedIn和Google图像根本不显示。

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

<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类是如何应用于图像的。

Answer 1

非常感谢MarkB，IAteYourKitten和Bondye。它是Firefox中的Adblocker。：）

Answer 2

我想知道你为什么要使用班级menuimage。你不能在你的CSS中使用它。

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

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

2 个答案: