如何使用CSS縮放和拉伸背景

如何獲取CSS中的背景以伸展或縮放以填充其容器大小？如何使用CSS縮放和拉伸背景

我做如下

body 
{ 
    background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat fixed; 
    background-size: 100%; 
    margin:0; 
}

哪些錯誤我在幹嘛？

來源

2016-07-26 Abhishek Tandon

你應該先定義你的瀏覽器爲前綴的風格，但除此之外，你的CSS應該做的正是你描述。 – George

該背景被縮放以填充空間。 – Quentin

@昆汀背景不縮放..我沒有得到這個代碼有什麼問題。 :( –

-2

簡單地U可以做到這一點...

body { 
background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat; 
background-size: 100%;

}

來源

2016-07-26 15:12:51

這隻會有背景填充元素的寬度，沒有規模，以適應 – George

-2

它看起來像你的代碼工作。不過請注意，當你申請一個fixed背景的位置，你把圖像了dom幾乎就好像它是一個固定的形象，因此，如果你這樣做：

background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat top left; 
background-size: cover;

它應該爲你希望。我碰到這個來的太，可能會有所幫助：CSS background-size: cover + background-attachment: fixed clipping background images

來源

2016-07-26 15:13:08 AshboDev

不知道爲什麼這被否決了這是一個？。有效的答案，並在CSS中填充容器大小，這是OP所問的：如何獲得CSS中的背景以擴展或縮放以填充其容器大小？ – AshboDev

試試這個重置CSS：

* { 
    margin:0; 
    padding:0; 
    border:0; 
} 

body { 
     background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat fixed; 
     background-size: cover; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
    }

來源

2016-07-26 15:14:37

如何使用CSS縮放和拉伸背景

回答

相關問題