2014-04-10 124 views
2

我真的很强调这一点,它突然间开始发生。这是一个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中打开了足够长的页面,它就可以完成。感谢您的任何帮助!

+1

文件大小为910kb ....这是很多。你应该尝试减少它。 –

+1

我的猜测是档案大小。 > 900 kB对于'简单'背景图像来说太大了。获得一个好的JPEG,使它变得有点繁琐,并且你会有相同的效果。 – Mave

+1

'未捕获的类型错误:对象#没有方法'加载'(警告:您已在此页面上多次包含Google Maps API,这可能会导致意外错误。)...查看开发人员工具,先警告。 – Sablefoste

回答

0

您的“工作链接”根本不起作用。我尝试加载background.png文件,但它不存在,一段时间后,服务器会将您的网站返回给您。

可能你有时会看到背景,因为它被缓存在浏览器中。

在你的CSS中修复你的背景图像的路径/文件名,它会工作。