0

我设计了一个具有 960 网格系统的网站，并通过 CSS 为页眉和页脚应用了背景图像和备用颜色，如下所示，

html {
height: 100%;
background: url(../images/htmlbg1.jpg) repeat-x;
} 

body {
font-family:Geneva,Arial,Helvetica,sans-serif; font-size:12px;
margin:0;
width:100%;
height: 100%;
background:url(../images/headerdrbg.jpg) repeat-x 0 0;
}

footer { 
width:100%; padding:12px 0px; 
background:#404040 url(../images/footertop1.jpg) repeat-x 0 0;
color:#808080; 
}

它在大多数浏览器上都能正常工作。小屏也挺好看的。但是当我水平滚动时，我看不到背景图像（即.headerdrbg.jpg 和footertop1.jpg）。见附图。在 640x480px 水平移动滚动条后的页脚截图

请帮我找到解决方案。提前致谢。

4

1 回答 1

0

如果您使用的是 960 GS，您应该不会遇到这个问题，因为它们在body. 确保您没有删除它，或者如果您的布局宽于 960 像素，则更改该值：

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
    min-width: 960px;
}
于 2012-06-16T02:55:46.007 回答