Footer bg圖像橫跨頁面水平重複

我的bg頭像工作正常，但我似乎無法讓頁腳在網站的整個寬度上伸展。我怎樣才能解決這個問題？Footer bg圖像橫跨頁面水平重複

body{ 
background-image: url(images/topbg.jpg), url(images/footerbg.jpg); 
background-position: left top, left bottom; 
background-repeat: repeat-x; 
}

來源

2013-07-24 user2602393

什麼是您的HTML是什麼樣子？ – Tdelang

你能爲我們提供一個jsFiddle嗎？ – Pieter

http://jsfiddle.net/YW8H3/ – user2602393

設置你的身體邊距和填充以0：

body { 
    margin: 0; 
    padding: 0; 
}

來源

2013-07-24 10:13:54 samrap

如果你只是想舒展您的頁腳的背景圖片，這裏有一個簡單的方法來做到這一點：

body 
{ 
    background-image: url(images/topbg.jpg) left top repeat-x, url(images/footerbg.jpg) left bottom; 
    //Make the Background Image stretched 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

來源

2013-07-24 10:22:06

你不想重複背景圖片嗎？然後替換的

background-repeat:no-repeat;

代替

background-repeat: repeat-x;

來源

2013-07-24 11:29:32

我想重複bg圖像，因爲它應該在整個頁面上展開，我希望我可以在這裏放置一個到該網站的鏈接 – user2602393

Footer bg圖像橫跨頁面水平重複

回答

相關問題