html - 页脚网格与正文网格对齐

Question

我有网站http://change.is/我必须将页脚网格与正文网格对齐。

在页脚中，我使用了 4 个不同颜色的 div：- 第一个和第四个与主体网格完美对齐，但问题在于 2 和 3 个 div。

我更改了 2 和 3 div 的背景图像位置，使其与浏览器 100% 缩放级别的主体网格对齐，但是当我们放大和缩小时，2 和 3 div 没有与主体网格保持对齐。

Answer 1

在较窄的宽度上，您将background-attachment属性从切换fixed到scroll：

在styles_desktop.css：

.lessons { background:url("../images/f2.png") repeat fixed -80px -39px transparent;

在styles_tablet.css：

.lessons { background:url("../images/f3.png") repeat scroll 0 0 transparent;

更改scroll为fixed平板电脑规则，它应该可以工作。

漂亮的网站顺便说一句。

Answer 2

定义background-attachment:fixed到它们。像这样写：

.lessons {
    background: url("../images/f2.png") repeat fixed -80px -12px transparent;
}
.mentors {
    background: url("../images/f3.png") repeat fixed -80px -12px transparent;
}