我的网站上有三个图标(里面有图片的链接),我想链接到我的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图标,检查员会显示:
检查员为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会这样做,以及如何解决它将不胜感激,谢谢!
答案 0 :(得分:1)
卫生署!我在Safari上安装了AdBlock,这阻止了图像。已禁用AdBlock并且工作正常。