【问题标题】:img in Safari gets hiddenSafari 中的 img 被隐藏
【发布时间】:2014-02-12 19:15:45
【问题描述】:

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

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

<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 图标是隐藏的,并且检查器显示如下:

检查器为链接的图像显示了这一点:

<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 为何这样做的想法,以及我如何解决它,我们将不胜感激,谢谢!

【问题讨论】:

  • 您是否在 Safari 中运行某种广告/社交媒体拦截器?
  • 是的,就是这样,不知道为什么我一开始没有遇到,但是哦,谢谢。

标签: html css web safari


【解决方案1】:

哇!我在 Safari 上安装了 AdBlock,这会阻止图像。禁用 AdBlock,它工作得很好。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-10-25
    • 1970-01-01
    • 2014-03-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-13
    相关资源
    最近更新 更多