获取背景图像与背景完全调整大小

好吧，我似乎无法弄清楚的是，我希望任何图像，无论适合浏览器窗口的大小，都是作为背景图像的角落。通常会发生的情况是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

我已经假设它是在身体元素下......但这就是为什么你必须具体...谢谢 –

获取背景图像与背景完全调整大小

回答

相关问题