背景定位到右下

我有一個HTML頁面，而這個CSS：背景定位到右下

body { 
color:#000; 
/*BG Image is specified by javascript*/ 
background-repeat:no-repeat; 
background-position:top left; 
}

你必須知道什麼是該頁面是不是在高度不夠大，所以如果正確加載，有一個小屏幕底部與顯示的最後一行文字之間的間隔。

我想使背景粘貼到屏幕的右下角，但是當我將top left更改爲bottom right時，它似乎只能粘貼到網頁底部（也就是文本結尾處）而不是屏幕的底部。我不知道是否有一個解決方案，但如果有，請讓我知道

來源

2012-08-11 SeinopSys

這是正常的，如果你的內容結束，頁面結束。你需要更多的內容來工作，就像它應該 – Mark 2012-08-11 18:35:46

@Mark哦，上帝，那很糟糕。那麼有沒有什麼辦法可以解決這個問題？ – SeinopSys 2012-08-11 18:39:04

你可以給你的''一個高度。看起來我很喜歡矯枉過正。 – Mark 2012-08-11 18:44:09

你需要一個background-size: cover財產body標籤

這將使背景覆蓋全身元素

試試這個

body { 
    background-position: bottom right; 
    background-attachment: fixed; 
    background-repeat:no-repeat; 
    background-size: cover; 
}

來源

2012-08-11 18:35:31

這並沒有解決，差距仍然存在。 – SeinopSys 2012-08-11 18:37:13

嘗試爲屬性添加供應商特定的前綴即-moz- – 2012-08-11 18:39:44

如果這也不起作用改變標籤爲html並將背景添加到html – 2012-08-11 18:41:51

嘗試在身體選擇設置height:100%;：

body { 
    color:#000; 
    /*BG Image is specified by javascript*/ 
    background-repeat:no-repeat; 
    background-position:top left; 
    height:100%; 
}

來源

2012-08-11 18:36:07

這也不起作用。 – SeinopSys 2012-08-11 18:39:20

背景定位到右下

回答

相關問題