css - div 下平铺背景的奇怪行为

Question

我在 html 页面中有一个可平铺的木纹图案作为背景。在 Photoshop 或任何其他软件中查看时，背景看起来完美无缝，但在 html 页面上，它在我的主要 div 元素开始和结束的点上看起来是不连续的。

这是一个预览:http://i.imgur.com/eTQthA2.png

此异常在不同的浏览器中持续存在。 (我已经在最新版本的 Firefox、Chrome 和 IE 中进行了测试。)这背后的原因可能是什么？

如果您想查看代码的特定部分，请告诉我。

编辑:

问题解决了。当被要求发布 CSS 时，我注意到我使用了选择器 body，html 来应用背景图像。从选择器中删除 html 就可以了。

CSS:

body, html {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  color: #455d76;
  background-image: url("images/bg.png");
  background-repeat: repeat-x repeat-y;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}

Answer 1

首先，无论何时提出问题，您都应该在此处发布您的代码，而不是提供指向预览图片或您网站的链接，因为这会让我们很难解决您的问题。

关于您的问题，从图像看来您正在为不同的元素使用 background-image 属性，例如 div 用于 header，main和页脚，因此请改为在您的 CSS 中为 body 标记声明该属性

body {
   background-image: url('whatever.png');
   background-repeat: repeat;
}