html - フッターグリッドとボディグリッドの位置合わせ

Question

フッターグリッドをボディグリッドに揃える必要があるサイトhttp://change.is/があります。

フッターには、異なる色の4つのdivがあります：-1番目と4番目はボディグリッドと完全に位置合わせされていますが、問題は2と3divの場合です。

2＆3 divの背景画像の位置を変更して、ブラウザの100％ズームレベルでボディグリッドに揃えましたが、ズームインおよびズームアウトすると、2＆3divがボディグリッドに揃えられませんでした。

Answer 1

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

見栄えの良いサイトところで。