Я пытаюсь сделать этот забавный сайт резюме и застрял с самим фоном.У меня есть 3 фона: картина с горой и небом, другая - с вырезанной горой, и между ними спрятано милое маленькое пасхальное яйцо.Я сделал передний и задний слои прокручиваемыми, а средний - неподвижным, поэтому маленькая прокрутка скрывается за горой, когда пользователь прокручивает ее вниз.
Но проблема в том, что изображение прокрутки почему-то неправильно расположено, даже если япоместите его вручную в Photoshop, прежде чем сохранить как изображение.Поэтому я использовал инструмент background-position, чтобы установить его правильно, и сейчас все в порядке, за исключением того, что это просто для этого определенного размера браузера.На мобильном изображении не только фон не центрирован на вершине горы, но и точка отсчета далеко от позиции.
TL; DR: я хочу расположить один из моих нескольких фонов относительно одного из других фонов, но вместо этого он позиционируется относительно области просмотра.Что я должен делать?
Вот мой код: (ссылка на github)
Я хочу, чтобы страница выглядела так: 