对齐页脚网格与身体网格

Question

我有网站http://change.is/对 我必须对齐页脚网格与身体网格。

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

我改变的2 & 3格的背景图像现在的位置，使之与身体电网在浏览器100％缩放级别 对齐，但是当我们在&缩小，然后2周& 3的div不呆对准体网格。

Answer 1

Define 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; 
} 

Answer 2

在上窄下宽，你的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在平板电脑规则，它应该工作。

漂亮的网站btw。