我在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,所以在我看來,頁面加載和轉換可能是很多更加無縫。我將不勝感激導致解決方案的一些見解。
謝謝!