浏览器在站点联机时隐藏图像，脱机工作

Question

离线时代码运行正常，但是当我将其上传到网站时，社交媒体按钮的图像无法显示，进一步检查时，浏览器会覆盖代码

看起来像：

<img src="images/facebook.png" class="socialbuttons" alt="find on facebook" width="0" height="0" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 0px 0px;">

而不是：

<img src="images/facebook.png" class="socialbuttons" alt="find on facebook">

用于图像。我尝试过使用不同的图片，将课程更改为其他内容并在其他浏览器上查看。 我尝试使用!important覆盖它，但这也不起作用。

该网站的地址是 http://markncarolproperties.co.uk/

堆栈溢出不会让我发布图片，而是imgur链接 https://imgur.com/a/WZieW

Answer 1

简单的解决方案是：

• 自定义adBlock

• 将您的网站添加到“在网页或网域上展示广告”列表

Answer 2

我将Chrome与adblock一起使用，图片也很好用。如果仍然存在问题，请尝试将名称更改为更简单的FB.png？

我无法复制问题或看到它正常工作，我甚至无法使用Chrome的Inspect Element工具。