Question

我一直在为本地网站奠定基础，我刚将其上传到服务器。但是，现在两个div的背景图像没有显示出来。出现这种情况的原因是什么？

网站为here，但为了简洁起见，下面是相关代码的摘要。

在四个全屏div中，一个和三个应该有背景图像。

HTML

<div id="one"></div>

CSS

#one {
    top: 0;
    left: 0;
    background-image: url("images/tube2c.jpg");
    background-size: cover;
    width: 100%;
    height: 100%;
    //border-bottom: 3px solid #CD3333;
}

Answer 1

你的形象是4.5mb !!!它有效，但需要永生才能出现！

只需缩小图像尺寸。

Answer 2

这是由广告拦截器引起的，您的图片存储在/ad/目录中，无论您使用的广告拦截器阻止它们。

停用广告拦截器并刷新他们应加载的页面。

Answer 3

我正在使用Chrome AdBlock Plus，我必须将网站添加到我的白名单，然后刷新背景才会显示，图片不需要很长时间才能下载给我，但我有一个相当快速的连接。

Answer 4

这适用于Firefox，但不适用于Chrome。

在Chrome中接收这些错误：

获取http://comfyshoulderrest.com/ads/style.css 404（未找到） comfyshoulderrest.com/:17
拒绝执行脚本 'https://raw.github.com/peachananr/onepage-scroll/master/jquery.onepage-scroll.js' 因为它的MIME类型（'text / plain'）不可执行，而且是严格的 MIME类型检查已启用。 comfyshoulderrest.com/ads/:1
拒绝从中执行脚本 'https://raw.github.com/peachananr/onepage-scroll/master/jquery.onepage-scroll.min.js' 因为它的MIME类型（'text / plain'）不可执行，而且是严格的已启用MIME类型检查。

尝试：

尝试从Github下载文件，将它们保存在您的服务器上（使用正确的MIME类型），这样Chrome就能正常运行。您也可以使用rawgithub.com。
缩小tube2c.jpg的文件大小 - 在我的系统上加载17.05秒
同时更改/ ads / to other else。 AdBlockPlus阻止它Chrome。
确保您的服务器也正确设置MIME类型。我正在为style.css获取“text / html”。
将DIV设置为最大

我还建议在Firefox和Chrome开发者工具中使用Firebug - 只需查看Chrome开发者工具中的错误即可显示出它不喜欢的内容。

托管时不显示CSS背景图像

4 个答案:

尝试：