我有以下的CSS设置为我的网页。页面加载时的背景颜色并不总是生效。我要的颜色作品前一次或两次刷新我的网页。任何人都知道为什么吗?背景图像是不是整个页面一样高,这是一个梯度。所以我正在梯度的底部像素颜色,并将它作为在网页背景颜色。

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    margin: 0px;
    padding: 0px;
    background-color: #001833;
    background-image: url(images/page_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
有帮助吗?

解决方案

尝试:

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000;
    margin: 0;
    padding: 0;
    background: #001833 url(images/page_bg.jpg) repeat-x top;
}

(不需要指定如果重复“左”。)

另外,如果你使用CSS复位(或没有),请确保您的身体使用100%的高度:

html, body {height: 100%;}
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top