Полноэкранный фон, который исходит от элемента возле центра экрана

Question

У меня есть фиксированный фон на весь экран. У меня есть еще один снимок на несколько сотен пикселей сверху, из которого я хочу, чтобы фон выглядел исходящим. Выглядит неплохо: http://imgur.com/Rlki1Bk.jpg, но когда размер браузера изменяется, центр фонового изображения перемещается по вертикали, но изображение переднего плана остается фиксированным, поэтому они больше не выровнены. Любая помощь будет принята с благодарностью.

EDIT: дополнительная информация. Изображение переднего плана позиция: относительная, а вот CSS для фонового изображения:

.background { background-attachment: fixed; background-image: url('/background.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

Answer 1

Трудно сказать, что происходит без какого-либо кода, но ...

background{ 
    background-image: url("my-image.jpg"); 
    background-position: center top; 
    background-size: 100% auto; 
} 

Это будет убедитесь, что расстояние от верхней части окна до другого изображения никогда не изменяется, потому что высота изображения остается прежней, а положение изображения всегда покрашено вверх. Проблема, с которой вы столкнетесь, заключается в том, что в зависимости от ширины устройства ваш фон может растянуться.