1

我的CSS代码如下：

    body {
        background-image: url(images/bg.png);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-size: 100%;
    }

背景图像显然比标准网页大，但它仍然不会让我向下滚动。

[附注 - 我也无法在设计视图中向下滚动：http://www.meikledesign.co.uk/host/example.jpg]

4

3 回答 3

2

为测试目的给身体一个有限的高度。

body {
   height: 2000px;
}

如果我没记错的话，背景不会人为地增加 html 页面的正文（默认情况下定义为浏览器窗口的 100%、100%）。

于 2013-04-05T14:33:25.357 回答
1

将 body min-height 更改为 bg.png 高度，不是太漂亮的解决方案，但可以

于 2013-04-05T14:34:16.870 回答
0

如果您正在尝试实现响应式背景，请查看此perfect-full-page-background-image

您可以使用 css3 实现这一点，如下所示：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

但那样它不会在所有浏览器中工作。检查我为跨浏览器解决方案提供的链接。

关于滚动，您可以像其他成员之前所说的那样，通过添加min-height到正文中来做到这一点。

于 2013-04-05T14:46:48.317 回答