隐藏在Safari中的img

时间:2014-01-22 16:01:39

标签: html css web safari

我的网站上有三个图标(里面有图片的链接),我想链接到我的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中,这完全按我想要的方式工作,当我检查页面时,这就是它显示的内容:

enter image description here

但出于某种原因,在Safari中,隐藏了Linked In图标,检查员会显示:

enter image description here

检查员为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会这样做,以及如何解决它将不胜感激,谢谢!

1 个答案:

答案 0 :(得分:1)

卫生署!我在Safari上安装了AdBlock,这阻止了图像。已禁用AdBlock并且工作正常。