图像未完整显示在身体背景上

Question

示例： http: //jsbin.com/opokev/20

完整图片： http: //i53.tinypic.com/347a8uu.jpg

如您所见，我有一个body带有标题偏移量的标题，正文有一个图像背景。然而，该图像并未完整显示。

问题：我可以使用 CSS 做一些事情来显示整个图像，还是需要使用 Gimp 或 Photoshop 来缩小图像。目前它是 1400 x 1050 像素。

Answer 1

我认为您正在尝试使图像适合窗口，即使这意味着图像扭曲。

您可以background-size使用已使用的财产来实现此目的。但不是cover你将其设置为100% 100%. 实例： http: //jsbin.com/opokev/21/

body {
    background: url(http://i53.tinypic.com/347a8uu.jpg) no-repeat center fixed;
    background-position: 0px 85px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}