2009-10-01 131 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