html - Safari 中的 img 被隐藏

Question

我的网站上有三个图标(内部带有图片的链接)，我想将它们链接到我的 GitHub、Linked In 和电子邮件帐户。它在 Chrome 上运行良好，但出于某种原因，Safari 向“链接的图标”添加了一堆样式，使其隐藏。

这是三个链接的代码(链接已更改):

<a href="http://github" target="_blank">
    <img src="img/github.png" alt="GitHub">
</a>

<a href="http://linked in" target="_blank">
    <img src="img/linkedin.png" alt="LinkedIn">
</a>

<a href="mailto:me@mail.com">
    <img src="img/email.png" alt="E-mail">
</a>

这是链接的样式(我使用的是 SASS，所以样式是嵌套的):

a {
    position:relative;
    padding-right:25px;
    padding-left:25px;

    img {
        width:64px;
        height:64px;
    }
}

在 Chrome 中，这完全按照我想要的方式工作，当我检查页面时，它显示如下:

但由于某些原因，在 Safari 中，Linked In 图标被隐藏，检查器显示如下:

Inspector 为 Linked In 图片显示了这个:

<img src="img/linkedin.png" alt="LinkedIn" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 0px 0px;" width="0" height="0">

任何关于为什么 Safari 这样做的想法，以及我如何解决它，将不胜感激，谢谢!

Answer 1

呸!我在 Safari 上安装了 AdBlock，它阻止了图像。禁用 AdBlock，它工作正常。