Анна Бакурова: Мой вам совет, как фрилансера с многолетним стажем. Нет в ТЗ - не тратьте время. Желание сделать лучше, чем требуется - пустая трата сил и времени, которые можно потратить более продуктивно.
Владимир Боровик: Объясняю на пальцах.
Пишем функцию:
function scr(){
if( от начала страницы до верхнего края экрана от 0 до 500px){Ставим первый фон}
if( от начала страницы до верхнего края экрана от 500 до 1000px){Ставим второй фон}
if( от начала страницы до верхнего края экрана от 1000 до 1500px){Ставим третий фон}
....
}
При скролле запускаем эту функцию.
Значения проставите нужные вам. Если пишете на jQuery почитайте про .scroll() и .scrollTop()
Олег Машко: Высота обычно не указывается, тем более в процентах. Она как правило зависит от контента внутри + отступы, либо жёстко задана в px, где это необходимо. А вообще, вам правильно написали, вы не понимаете сути, начинайте заново и с самого простого.
Дмитрий: Да нихрена на css не лучше. Доля браузеров без корректной поддержки css3 ещё довольно велика. Так что есть большая вероятность, что у немаленькой части аудитории ваша вёрстка поплывёт. И если делать на css, нужно делать и деградацию, например с помощью modernizr, и в конечном итоге всё равно дублировать картинкой.
xztau: Пример неуместен, т.к. задача относится к его работе. В моём ответе речь о задачах сопряжённых, но абсолютно разного направления.
Уместные примеры:
- Тов. архитектор, снимите рекламный ролик для комплекса, что вы спроектировали.
- ???
- Тов. архитектор, идите в бухгалтерию и рассчитайте зарплату рабочим.
- ???
- Тов. архитектор, сделайте уборку в кабинете директора.
- ???
"flexbox и все дела" - это, конечно, здорово, но в ТЗ ~60% моих заказов есть требование ie 8+, так что это отпадает. Кроме того, суть вопроса в приведении своих примеров, а не комментировании моих, которые приведены только для упрощения понимания вопроса.
Вот только закругление нужного радиуса с использованием этого метода будет только при огромной ширине. Можно, конечно, скрыть её с помощью overflow: hidden, но это уже костыль.
egorsmkv: А с чего вы взяли, что силы должны быть равные? Здесь правил нет, побеждает тот кто сильней, остальные продолжают клянчить копеечные заказы на говнолендинги на fl.
