浏览器在网站联机时隐藏图像，在脱机时按预期工作

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://i.stack.imgur.com/7ADAv.jpg

Answer 1

简单的解决方案是：

• 自定义adBlock

• 将您的网站添加到"在网页或域上显示广告"列表

Answer 2

我将Chrome与adblock一起使用，图像效果很好。如果这仍然是一个问题，请尝试将名称更改为更简单的名称，如FB.png？

如果不能复制这个问题或看到它在工作，我甚至不能使用Chrome的Inspect Element工具。