我在#section-content 中设置背景图像,背景是repeat-x,在#section-footer 中设置背景颜色。问题是背景被第一次看到的空间量所削减。
有没有什么办法解决这一问题?
有图像有问题,当分辨率或窗口小并且我向右滚动时,您可以看到页脚背景颜色被切断...
我在#section-content 中设置背景图像,背景是repeat-x,在#section-footer 中设置背景颜色。问题是背景被第一次看到的空间量所削减。
有没有什么办法解决这一问题?
有图像有问题,当分辨率或窗口小并且我向右滚动时,您可以看到页脚背景颜色被切断...
您需要为页脚定义最小宽度。考虑您的主页包装器的宽度:980px;然后分配min-width: 980px; 到页脚元素。当您调整浏览器窗口的大小时,您的页脚知道他必须将背景重复到指定的最小宽度,即使您的页面获得水平滚动也是如此。
我的 html 结构看起来像这样
<div id="page">
<div id="section-header">
...
</div>
<div id="section-content">
...
</div>
<div id="section-footer">
...
</div>
</div>
所以我添加到 css
#page {
margin: auto;
overflow: hidden;
min-width: 1180px; /* it fits on my site */
}
问题解决了……