css - 内容周围的背景图像随滚动条移动

Question

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

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

我的 body css 就是这样的:

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

}

在没有内容的主页上看起来不错。但是当我转到一个打印了几个段落并且浏览器中出现滚动条的测试页面时，有一条轻微的白线似乎将背景和内容区域分开。

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

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

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

Answer 1

为您制作了一个 jsfiddle:http://jsfiddle.net/Ja2SR/

基本上我认为您正在查看浏览器试图将 1px 一分为二，这是它永远做不到的。不过，我真的不明白为什么这是个问题——这条线出现在内容区域内，在 fiddle 中你可以看到红色旁边是白色，但如果你的内容区域也是白色的，并且两边都有填充，我认为它确实如此......那么多 1 个像素应该不会太糟糕。如果我假设错误，请纠正我!