背景瞬间闪烁

Question

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

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

Answer 1

从我所看到的（Firefox上的XP）它没有那么多闪存，因为它看起来加载标题容器div和相关的背景图像很慢。如果我在没有缓存的情况下加载整个徽标栏最后加载（并且在加载之前是白色的），但不仅仅是一个div。 YSlow计算了大约50个HTTP请求，这可能解释了其中的一些。它看起来并不像页面那么大，而是由许多可能造成一些处理延迟的部分组成。

Answer 2

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

我在Photoshop上删除了你的背景图片并建议使用#a1dff8作为颜色。 CSS应为：

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

此外，在查看代码时，我发现您有几个外部JS文件。你应该考虑一个缩小器。只需使用Google或StackOverflow进行JS / CSS缩小。