背景瞬间加载闪烁

Question

我有一个div（.header）包含在其他divs中。当我的页面加载时，只是一个.header div在页面加载时“闪烁”白色，特别是在Firefox中，但在IE8中也有一点点。我无法找到什么样的CSS或缺乏导致此 - 没有图像或背景颜色与该div相关联。在.header中有一个logo.png。思考？

http://dev.bwmsnow.co.nz/

Answer 1

从我所看到的（在XP火狐）它，因为它看起来像它加载缓慢头容器DIV没有那么多的闪光灯，以及相关的背景图像。如果我没有缓存加载，整个徽标栏最后载入（加载前是白色的），但不只是一个div。 YSlow统计了大约50个HTTP请求，这可能解释了其中的一些。它看起来并不像页面很大，而是由很多可能会造成一些处理滞后的作品组成。

Answer 2

如果我理解这个问题，我的建议是将类似于背景图像的背景颜色添加到<div class="header">的旧技巧，以便在页面加载时（但在图像加载之前）用户看到类似于背景的颜色图片。这样，图像加载的视觉影响就不那么明显了。

我Photoshop的眼睛掉落了你的背景图片，并建议使用#a1dff8作为颜色。对于CSS应该是：

.header{
background:#a1dff8 url('images/yourheader.png');
}

而且，看你的代码时，我看到你有几个外部JS文件。你应该考虑一个缩小器。只需谷歌或StackOverflow JS/CSS缩小。