我有一张 1600x1200 的图片
我想用它作为我网站的背景图片。图像应该是静态的，只有内容应该是可滚动的。
这是我尝试过的:
background-image: url('blog-baggrund2.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
问题是 background-size: cover; 拉伸(stretch)了整个图像，而 background-size: contain; 将它最小化了不适合整个屏幕(至少宽度 - 高度是完美的)
我自己的屏幕分辨率是1600x900
jsFiddle:
请注意，图像底部的所有“黑色”部分均未显示。
有什么建议吗？
最佳答案
试试这个 fiddle : http://jsfiddle.net/zJNLJ/5/
我将 background-size 更改为 100% 100%
关于javascript - 如何缩小大图像 (1600x1200) 使其适合大多数屏幕作为背景？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11977937/