Question

我想在网站正文上放一张图片，我正在使用这个CSS：

body {
    background-color: #000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(image.jpg);
    background-repeat: no-repeat;
    background-position:center top; 
}

当我调整浏览器大小时，我希望看到滚动条出现，以便可以滚动图像。我错过了什么？

Answer 1

您应根据图片的宽度和高度为min-width设置min-height和body：

body {
    background-color: #000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(http://theactsoftheapostles.com/images/yesu-ki-jai-bg.jpg);
    background-repeat: no-repeat;
    background-position:center top; 
    min-width: 1390px;
    min-height: 903px;
}

JSFiddle Demo

但我认为最好避免使用水平滚动条。

在调整大小的身体上滚动背景图像

1 个答案: