2009-10-01 130 views
0

我为我的页面设置了以下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; 
} 
+0

你可能想考虑在doctype.com上询问这个问题。虽然在这里问得很好,但可能有更多人能够在DocType上提供帮助。 – Joey 2009-10-01 13:05:07

+0

哪个浏览器?或者它发生在任何浏览器。 – 2009-10-01 13:05:41

+1

你有链接到正在使用的地方,所以我们都可以看到你在说什么?它看起来不错,我唯一能想到的就是你的身高可能会缩小渐变图像的底部,或者浏览器可能会遇到问题。 – 2009-10-01 13:07:25

回答

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

(你并不需要指定 '左' 如果重复)

另外,如果你使用CSS复位(与否),确保你的身体使用100%的身高:

html, body {height: 100%;} 
+0

这与OP张贴的内容完全相同...... – 2009-10-01 13:09:54

+0

使用背景属性的简写。 – rahul 2009-10-01 13:10:53

+0

谢谢!我认为这是做到了。 – geoff 2009-10-01 13:13:51