0

我在 html 页面中有一个可平铺的木纹作为背景。在 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);
}
4

2 回答 2

0

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

来到你的问题，从图像看起来你正在使用background-image不同元素的属性，例如divfor ，所以改为在你的 CSS 中为标签header, main, and footer声明该属性body

body {
   background-image: url('whatever.png');
   background-repeat: repeat;
}
于 2013-04-04T10:37:46.917 回答
0

修复了问题。我在指定背景属性时使用了“body，html”作为选择器。从选择器中删除“html”（即只留下正文）起到了作用。

（感谢 Alien 先生，您对不同元素（即本例中的 body 和 html）声明的 background-image 属性是正确的。）

感谢所有回答/评论的人。:)

于 2013-04-05T04:01:35.037 回答