CSS/HTML页面不会滚动

我的CSS代码如下：CSS/HTML页面不会滚动

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

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

[A侧音符 - I也不能在设计视图向下滚动：http://www.meikledesign.co.uk/host/example.jpg]

来源

2013-04-05 user2208607

你已经发送图像作为背景，它只显示在正文中可见的部分。你想完整显示背景吗？如果是这样，看看这个[链接]（http://css-tricks.com/perfect-full-page-background-image/） – trajce 2013-04-05 14:31:47

给身体用于测试目的的有限高度。

body { 
    height: 2000px; 
}

背景不人为地增加一个HTML页面的正文（定义，默认情况下，为100％，浏览器窗口的100％），如果我没有记错。

来源

2013-04-05 14:33:25

最重要的一个。背景适合身体，而不是相反。 – melancia 2013-04-05 14:34:27

改变身体的最小高度为bg.png高度，不是太漂亮的解决方案，但工程

来源

2013-04-05 14:34:16

如果你正在努力实现响应背景，然后检查这一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-05 14:46:48 trajce

CSS/HTML页面不会滚动

回答

相关问题