【发布时间】:2015-12-16 00:08:33
【问题描述】:
我目前正在建立一个网站,除了几张图片(其他图片加载没有任何问题)外,一切都正常加载。我已经看到图像会自动获取 CSS 属性“display: none !important”。
这个问题只发生在 Safari 中(Chrome 可以正常加载图片!)
HTML:
<div id="socialLinks">
<img src="img/social/white/linkedin.png" alt="linkedin">
<img src="img/social/white/facebook.png" alt="facebook">
<img src="img/social/white/google.png" alt="google">
<img src="img/social/white/email.png" alt="email">
</div>
CSS:
#socialLinks
{
position: fixed;
margin-top: -4%;
float: right;
top: 7%;
left: 88vw;
}
我已经尝试了我能想到的一切。 Safari 确实会找到图像路径,并且有时会显示 alt 属性。
提前致谢!
【问题讨论】:
-
他们从哪里得到
display:none!important;?一些浏览器在页面初始化时不加载带有display:none的图片 -
他们自己添加了这个。现在我确实发现它与我的 AdBlocker 有关。它阻止加载图像。这确实部分解决了问题。当我禁用我的 AdBlocker 时,图像会显示,但是当我激活我的 AdBlocker 时它们需要显示(因为它不是广告)
-
这正是广告拦截器的作用。