Question

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

以下是预览：http://i.imgur.com/eTQthA2.png

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

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

修改

解决了这个问题。当被要求发布CSS我注意到我使用了选择器主体，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，所以改为为{{body声明该属性改为1}}标记，在CSS

中

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

Answer 2

修正了问题。我在指定background属性时使用了'body，html'作为选择器。从选择器中删除'html'（即只留下正文）就可以了。

（谢谢Alien先生，你对于为不同元素声明的background-image属性你是对的，在这种情况下是body和html。）

感谢所有回答/评论的人。：）

div下面的tileable背景的奇怪行为

2 个答案: