0

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

网站在这里，但为简洁起见，下面是相关代码的片段。

在四个全屏 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;
}
4

4 回答 4

3

你的图片是4.5mb！！！它有效，但需要很长时间才能出现！

只需减小图像大小。

于 2013-09-27T17:08:43.423 回答
2

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

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

于 2013-09-27T17:09:08.063 回答
1

我正在使用 Chrome，AdBlock Plus我必须将该站点添加到我的白名单中，然后刷新背景才能显示，图形并没有花很长时间为我下载，但我的连接速度相当快。

于 2013-09-27T17:15:24.547 回答
0

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

在 Chrome 中收到这些错误：

尝试：

  • 尝试从 Github 下载文件，将它们保存在您的服务器上（使用正确的 MIME 类型），以便 Chrome 可以正常工作。您也可以改用 rawgithub.com。
  • 减少 tube2c.jpg 的文件大小 - 在我的系统上加载 17.05 秒
  • 还将 /ads/ 更改为其他内容。AdBlockPlus 正在阻止它 Chrome。
  • 确保您的服务器也正确设置了您的 MIME 类型。我正在为 style.css 获取“文本/html”。
  • 将您的 DIV 设置为最大屏幕尺寸

我还建议在 Firefox 和 Chrome 开发人员工具中使用 Firebug - 只需查看 Chrome 开发人员工具中的错误就可以看出它不喜欢什么。

于 2013-09-27T17:29:57.753 回答