背景圖片不適合

Question

我想在我的頁腳中有背景圖片。我從互聯網上選擇了兩張非常接近我的案例的照片。但是，它並不包含所有內容，並且我想刪除邊框中的一條線（灰色）。這是jsFiddle。

這裏是我試過的解決方案，但並沒有改變的東西：

.ui-footer { 
    background: #000; 
    background-image: url("http://powered.gr/neosite/images/demo/slide-1.png"); 
    background-size: 105% 105%; 
} 

Answer 1

檢查了這一點 Fiddle

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

作品中：

的Safari 3+

鉻無論+

IE 9

歌劇院10+（Opera 9.5中支持的背景 - 大小但不是關鍵字）

的Firefox 3.6+（火狐4支持非供應商前綴版本）

禮貌：CSS Tricks

Answer 2

嘗試追加style元素body設置#footerbackground-color，border-color到transparent，設置.ui.pagebackground-repeat: no-repeat;

$(function(){$("<style>",{"text":"#footer{background-color:transparent;border-color: transparent;"}).appendTo("body")}) 

jsfiddle http://jsfiddle.net/h7gxpqn0/37/