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, and footer，因此在CSS中为body标记声明该属性。

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

Answer 2

解决了这个问题。我在指定背景属性时使用了'body，html‘作为选择器。从选择器中删除'html‘(也就是说，只留下正文)做了一些事情。

(谢谢Alien先生，对于为不同元素声明的背景图像属性(在本例中为body和html )，您是正确的。)

感谢每一个回答/评论的人。:)