我的身体＆＃39; css背景图像在铬中跳跃

Question

我有一个我正在开发的joomla网站。我的身体标签有图像背景。当我重新加载页面或导航到Google Chrome上的其他页面时，首先加载我的主html，然后添加正文标记的背景图像。因此，在每次重新加载时，您会看到跳跃（或更好的说法，如LED开启和关闭）效果，因为首先您看到身体标签的默认背景颜色，然后添加背景图像。当然它发生得非常快，但我想解决这个问题。 我知道在Chrome和Mozilla Firefox上加载页面中HTML元素的顺序是不同的。那么我如何在谷歌浏览器上解决这个问题？！

我的Css：

html {
    height: 100%;
    margin-bottom: 0.01em;
}    
html, body, div.MainWrapper {
    background:url('../images/common/bg.jpg') transparent repeat-x scroll center top;
}

Answer 1

仅适用于身体

body {
    background:url('../images/common/bg.jpg') transparent repeat-x scroll center top;
    background-attachment: fixed;
}