如何使背景覆盖图像完全重复CSS？

Question

我在wordpress网站http://casper-creations.com上有多个背景图片，一个是背景图片，另一个是顶部的透明对角线图案，效果很好，但是如果您仔细查看，它不会在整页上重复第一页似乎只走了一半，您可以在此页上更清楚地看到它http://casper-creations.com/weddings-2/

这是我的css，我已将其设置为重复，所以不太确定为什么不重复页面的全长...有人有任何想法吗？

谢谢...

html {
  overflow-y: scroll;
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #c2e8eb url(http://casper-creations.com/wp-content/themes/responsive/core/images/bg-cloud.jpg) repeat-x;
}
body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  background: url(http://casper-creations.com/wp-content/themes/responsive/core/images/bg-diagonal-pattern.png) repeat;
}

Answer 1

是因为这段代码http://take.ms/Nixqs的片段

Answer 2

您在正文和html上的高度不同时遇到问题。只需min-height: 100%;到主体选择器。

Answer 3

[如果没有办法编辑我拥有的CSS，则有一种更好的方法可以完全重写body和html标签的css，以便有多个背景，在顶部有对角线，在下面有云] >