0

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

我在中间留出空间用于 980 像素的固定宽度布局。

我的身体 css 就是这样的：

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

}

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

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

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

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

4

1 回答 1

1

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

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

于 2012-08-21T23:55:40.310 回答