2013-10-30 31 views
0

這是一個屏幕截圖,當瀏覽器最小化,窗口尚未滾動權。 enter image description here背景圖像或顏色中斷滾動權

灰色的標題欄顯示整齊,但看我向右滾動。

enter image description here

它時,我向右滾動結束。這已經成爲移動設備上的一個夜晚。

下面是的#header

#header { 
    background-color: rgb(227,227,227); 
    background-color: rgba(227,227,227,1); 
    border-bottom: 1px solid #e6e6e6; 
    padding: 27px 0; 
} 

我試了很多更改,如重複-X和更換顏色與圖片,但沒有工作的CSS。我能爲此得到答案嗎?

+0

任何答案嗎? –

回答

0

試試這個全屏CSS技術:

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 
+0

不好再來!我沒有明白。你想說什麼?爲什麼html標籤有這些屬性?什麼是bg.png?我沒有任何背景圖片。它只是簡單的默認白色。 –

+0

它只是一個通用屬性。將其應用於您所需的CSS元素。你在標題中說了「背景圖片」,所以這是一個解決方案。 –

+0

NOt正在工作。 Chrome說它是一個無效的財產 –

2

試試這個。

#header{ 
    background: #E3E3E3; 
    border-bottom: 1px solid #E6E6E6; 
    padding: 27px 0; 
    width:100%; 
} 
+0

沒有它的權利。 –

+0

我沒有得到你,你究竟想要做什麼?如果可能的話,然後顯示頁面。 –

0

Swaroop,

任何機會,你可以在完整的HTML代碼粘貼?它看起來像父元素(包含元素)中的東西正在改變你的背景的屬性。

如果#header沒有包含任何東西,它將默認爲任何內部的寬度(可能不是100%)。因此,添加100%的屬性,它將寬度全屏。如果它仍然沒有在整個屏幕上延伸,那麼在任何時候,這意味着圍繞該元素的東西不會擴展。

感謝Swaroop,

亞倫