背景圖片放大

我想要一個背景圖片添加到我的網站，我reskinning各個部分..背景圖片放大

問題是，背景圖像在縮小。

見下文。

只是創建一個新的CSS分區更好更快..有人可以請建議的語法？

// Sections backgrounds 

var pageSection = $(".home-section, .page-section, .small-section, .split-section"); 
pageSection.each(function(indx){ 

    if ($(this).attr("data-background")){ 
     $(this).css("background-image", "url(" + $(this).data("background") + ")"); 
    } 
});

enter image description here

來源

2015-02-10 claire

CSS

background-size: cover

或

background-size: 100%

應該是你的解決方案。

來源

2015-02-10 16:56:27 Spectator

你可以稍微調整一下你的javascript來上課。

var pageSection = $(".home-section, .page-section, .small-section, .split-section"); 
pageSection.each(function(){ 
    if ($(this).attr("data-background")){ 
     $(this).css("background-image", "url(" + $(this).data("background") + ")"); 
     $(this).addClass('full-background'); //adds the class 
    } 
});

然後風格得當與CSS

.full-background { 
    background-size: cover; 
}

但是這是一個CSS3的風格，所以要小心IE8

的

來源

2015-02-10 17:01:01

背景圖片放大

回答

相關問題