如何保持内容加载的背景图像“闪烁”？

我在new site上工作，并有一个重复的背景图像，提供页面颜色的“连续”流动。它在视觉上与内容完美融合，但是，当页面加载或切换到另一页时，在内容加载之前存在短暂的暂停，当此背景图像可见时 - 导致某种“闪动”效果，这有点令人讨厌。如何保持内容加载的背景图像“闪烁”？

这里是CSS：

html      { background: #fff url(../_images/bg_html.jpg) repeat-y center top; } 

body      { 
         font-family: Arial, Helvetica, sans-serif; 
         font-size: .875em; 
         line-height: 1.333em; /* 16px/12px = 1.333em */ 
         color: #000; 
         background: url(../_images/bg_body.png) repeat-x left top; 
         } 
#container { 
         width: 980px; 
         margin: 0 auto; 
         background: url(../_images/bg_container.jpg) repeat-y left top; 
         overflow: hidden; 
         }

背景图像是非常小 - 4K，所以在我看来，页面加载和转换可能是很多更加无缝。我将不胜感激导致解决方案的一些见解。

谢谢！

来源

2010-06-28 fmz