javascript - 调整大小时在主体上滚动背景图像

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

您应该根据图像的宽度和高度为您的body 设置min-width 和min-height:

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 .

---

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