为啥我的背景图像有时会消失？

Posted 2023-02-22

【中文标题】为啥我的背景图像有时会消失？

【英文标题】：Why does my background image disappear sometimes?为什么我的背景图像有时会消失？

【发布时间】：2014-05-24 02:19:05

【问题描述】：

我真的很紧张，这一切都突然开始发生。这是一个 WordPress 网站，请原谅网站的徽标无法正常工作等等……这只是保存为 html 的一页。

链接：http://bit.ly/1n7maKZ

由于某种原因，如果我让一个页面打开一段时间，或者点击一个链接然后返回它，备用背景颜色会突然出现，背景图像会消失！我不知道为什么。我正在使用 Chrome。

我在标题中的代码如下所示：

<div id="background" class="background-size grayscale bg"></div>

这是 CSS：

#background 
    background: url("[WORKING LINK HERE]") no-repeat center center fixed #e1e1e1;
    background-size: cover;

还有……

.bg , #supersized 
    top:0;
    width:100%;
    height:100%;
    position:fixed;
    z-index:-20;

有没有办法防止这种情况发生？烦人的事情是，你可能看不到这个问题，因为我不知道是什么触发了它突然丢弃背景图像并诉诸替代颜色。如果我至少在 Chrome 中打开了一个足够长的页面，它就会做到。感谢您的帮助！

【问题讨论】：

文件大小是 910kb.... 很多。您应该尝试减少这种情况。

我猜是文件大小。 > 900 kB 对于“简单”背景图像来说太大了。得到一个好的 JPEG，让它有点挑剔，你会得到同样的效果。

Uncaught TypeError: Object #<Object> has no method 'Load'（警告：您已在此页面上多次包含 Google Maps API。这可能会导致意外错误。）...查看开发人员工具，并首先解决警告。

【参考方案1】：

您的“这里的工作链接”根本不起作用。我尝试加载 background.png 文件，但它不存在，过了一会儿，服务器将网站的主页返回给您。

可能您有时会看到背景，因为它已缓存在您的浏览器中。

在你的css中修复你的背景图片的路径/文件名，它会起作用。