Question

我不能为我的生活让这个工作。我的渐变和平铺一起到页面的底部但是当我进一步滚动时它们不会继续。我在这里搜索了这个问题，但找不到解决办法，所以我不是最好的编码器。

此处可以看到该网站的访问代码：000 http://richlandgaming.qsandbox.com/

提前谢谢！

body {
min-height: 100%;
color: #ffffff;
background: #242424;
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"); /* fallback */
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"), -webkit-gradient(linear, left top, left bottom, from(#242424), to(#000000)); /* Saf4+, Chrome */
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"), -webkit-linear-gradient(top, #242424, #000000); /* Chrome 10+, Saf5.1+ */
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"),    -moz-linear-gradient(top, #242424, #000000); /* FF3.6+ */
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"),     -ms-linear-gradient(top, #242424, #000000); /* IE10 */
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"),      -o-linear-gradient(top, #242424, #000000); /* Opera 11.10+ */
background-image: url("/wp-content/uploads/2013/11/bg-tile.png"),         linear-gradient(top, #242424, #000000); /* W3C */
}

Answer 1

您的html元素的固定高度设置为100% - 删除它可以解决您的问题。

它在您的style.css第121行定义。

CSS渐变和背景图块一起不会覆盖页面的整个高度

1 个答案: