当我放大我的视口窗口(在firefox,chrome中),然后水平向右滚动时,我的背景图像被剪裁

图像最能描绘出正在发生的事情：

放大

– 图像仅与视口一样宽

缩小输出 – 问题不会发生

以下是我的css中可能相关的部分内容：

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}
body{ width: 100%; }
header#header { width: 100%; }
header#header #background-image {
  height: 150px;
  background: url(/images/header/silhouette.png) repeat-x;
}

无论是否应用cssgradients都会发生这种情况 – 真的很难过