Safari自动"display:none!important"不会加载图片

Question

我正在建立一个网站,所有东西都装得很好,除了一些图片(其他图片加载没有任何问题).我已经看到图像自动获得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 attr.

提前致谢!

Answer 1

AdBlockers以多种方式工作,并且通常会尝试隐藏社交链接/号召性用语.

按顺序尝试这些步骤,并一起看看你需要做什么才能让图像通过你的adBlock:

1. 将ID更改为#socialLinks不同的ID
2. src将图像更改为不从名为的文件夹中提供social
3. 将每个图像的名称更改为不同的名称,即: icon1.png
4. 将alt文本更改为没有社交媒体网站名称的内容
5. 放弃.它的href链接导致它们被阻止

Font Awesome自己遇到过这个问题:

"显然,Adblock Plus可以通过"删除社交媒体按钮"设置删除Font Awesome品牌图标.我们不会使用黑客强制显示它们.如果您认为这是一个错误,请报告Adblock Plus的问题.围绕这个,你需要修改社交图标类名." 来自http://fontawesome.io/icons/