Question

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

在页脚中，我使用了不同颜色的4个div： - first＆amp;第4个与身体网格完美对齐，但问题是2＆amp; 3 div。

我改变了2＆amp;的背景图像位置。 3 div使其在浏览器100％缩放级别与主体网格对齐但是当我们放大＆amp;然后2＆amp; 3个div没有保持与身体网格对齐。

Answer 1

为他们定义背景附件：固定。写得像这样：

.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，它应该有效。

好看的网站顺便说一句。

页脚网格与主体网格对齐

2 个答案: