獲取背景圖像與背景完全調整大小

好吧，我似乎無法弄清楚的是，我希望任何圖像，無論適合瀏覽器窗口的大小，都是作爲背景圖像的角落。通常會發生的情況是BG圖像角落似乎溢出到他們無法看到的地方。就像瀏覽器使用圖像中間的那種，但我確切地需要它！任何幫助，將不勝apprectiated !!!! ....獲取背景圖像與背景完全調整大小

繼承人的頁面鏈接http://www.bxwebdesign.com/stack/index.htm和

http://www.bxwebdesign.com/stack/style.css

來源

2015-08-30 Brandon Langlois

你想用background-size: 100% 100%;。這會將元素完全填充到您的圖像的角落。

有關此CSS屬性的文檔，請參閱https://developer.mozilla.org/en-US/docs/Web/CSS/background-size。

來源

2015-08-30 16:11:18 thomasfuchs

感謝您的反饋，它不那麼簡單.....當您添加100％然後100％所有您要求它做的是放100％寬度然後100％高度，但是當那是所有您投入並且你不會再放一些像沒有重複的東西，它只會把100％寬度的小圖片放在你的頁面上，並且像10px的高度一樣簡單。我很欣賞你的輸入，雖然.. –

這不是真的。如果你填寫，像我說的那樣說BODY，那麼你需要確保BODY元素實際上是你的瀏覽器窗口的高度。這與背景圖像本身沒有任何關係。你可以通過添加'html {height：100％; ''到你的CSS。我已經做了一個CodePen，顯示從一個角落延伸到一個角落的圖像http://codepen.io/anon/pen/avbObY – thomasfuchs

我已經假設它是在身體元素下......但這就是爲什麼你必須具體...謝謝 –

獲取背景圖像與背景完全調整大小

回答

相關問題