Question

.social_isExt {
    background-image: url("../img/bars/social_bar_bg.jpg");
    background-repeat: repeat-x;
    float: left;
    height: 50px;
    width: 175px;
}

我有这个css类型的块，它的工作是在条形图上加宽图片（宽度为1px）。

它在firefox和chrome上正确显示，但在浏览带有opera或chrome的网站时，背景图像消失了。所以我认为图像的路径是正确的。更重要的是;如果我只输入图片网址，然后返回首页（使用opera或者铬），它会正确显示背景图像。请记住，使用ff和chrome可以始终正确显示。

Answer 1

如果图像是在一个浏览器中显示而另一个是路径是正确的，则它必须是浮动或显示的定位问题。

尝试此操作以查看是否添加display：block或display：inline-block修复了问题

.social_isExt {
    background-image: url("../img/bars/social_bar_bg.jpg");
    background-repeat: repeat-x;
    float: left;
    height: 50px;
    width: 175px;
   display: block;
}

如果不起作用，请添加

.PARENTOFsocial_isExt {
  clear:both;
}

Answer 2

我有一个adblockplus扩展程序，它将每个源引用过滤为“社交”单词。通过从img路径中删除“社交”单词，它开始像以前一样工作.....你知道的越多：D

Answer 3

您可以使用自己的代码和浏览器。

只需避免在CSS背景路径/名称中使用某种关键字。广告客户通常使用的那些。像：横幅广告，酒吧广告，社交广告，免费广告，奖品等等...

广告拦截器对这些单词很敏感，尤其是在Opera和Chromium中。

某些浏览器中的背景图像消失了

3 个答案: