Question

我为我的页面设置了以下css。当页面加载背景颜色时并不总是生效。在颜色工作之前，我必须刷新页面一两次。谁知道为什么？背景图像不像整个页面那么高，它是一个渐变。所以我采用渐变的底部像素颜色并将其用作页面bg颜色。

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;
}

Answer 1

尝试：

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;
}

（如果重复，则无需指定'left'。）

另外，如果您正在使用CSS重置（或不重置），请确保您的身体使用100％高度：

html, body {height: 100%;}

背景颜色并不总是出现

1 个答案: