Question

我正在尝试使用围绕内容区域的背景（两侧只有一点阴影），如下所示：http://i.imgur.com/5X5D7.jpg

我在中间留出了空间，用于固定宽度布局，即980px。

我的身体就是这样：

body {
  margin: 0;
  padding: 0;
  background: url(../images/bg.jpg) center repeat-y;

}

在没有内容的主页上看起来不错。但是，当我进入一个测试页面，其中有几个段落输出并且滚动条出现在我的浏览器中时，会出现一条白色的细线，似乎将背景和内容区域分开。

我尝试将背景图像着色移动一个像素，但它在主页上不起作用..

我可以在css中做些什么来防止这种情况吗？

我应该说我在禅宗主题的drupal中尝试这个并没有真正改变其他任何东西。

Answer 1

为你做了一个jsfiddle：http://jsfiddle.net/Ja2SR/

基本上我认为你正在看浏览器尝试将1px分成两部分，这是永远无法做到的。我不太明白为什么这是一个问题，但是这条线出现在内容区域内，在小提琴中你可以看到旁边是红色的白色，但如果你的内容区域也是白色，并且两边都有填充，我认为它...然后再增加1个像素应该不会太糟糕。如果我错了，请纠正我！