【发布时间】: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 中运行某种广告/社交媒体拦截器?
-
是的,就是这样,不知道为什么我一开始没有遇到,但是哦,谢谢。