Реклама на фоне сайта - настроить CSS

T110E5
На сайте с 31.08.2016
Offline
47
790

Добрый день,

Люди добрые, подскажите :crazy:

Есть готовая картинка - фон. Левый, правый блок, сверху текст, по центру белый фон - где располагается сам сайт, а сама картинка фоновая как-бы обертка. (см.картинку внизу)

Проблема:

При прокрутке сайта вниз, он начинает наползать на фоновую картинку, и это мягко говоря ужасно.

Вопрос:

Можно ли как-то, посредством CSS (fixed.. ?) запретить сайту скроллится поверх фона. Ка ктолько сайт скроллится вниз, он должен дойти до края белого фона и "скрыться" под ним. (см. картинку внизу)

Картинка - http://prntscr.com/fuquiq

Спасибо!

Ищу толковых программистов на Laravel / iOS @ писать в личку (/ru/users/1114171).
S
На сайте с 13.10.2014
Offline
171
#1

исключительно средствами CSS нет

Вообще, такое вот брендирование делают из трех кусков, обычно. правый, левый, верхий.

тогда можно с ним сделать вообще, что угодно, хоть со скроллингом, хоть без скроллинга

T110E5
На сайте с 31.08.2016
Offline
47
#2

silicoid, можете подсказать, куда вообще копать? Просить дизайнера нарисовать 3 куска отдельно? а потом сверстать?

PA
На сайте с 12.02.2016
Offline
24
#3
T110E5:
Проблема:
При прокрутке сайта вниз, он начинает наползать на фоновую картинку, и это мягко говоря ужасно.

Вопрос:
Можно ли как-то, посредством CSS (fixed.. ?) запретить сайту скроллится поверх фона. Ка ктолько сайт скроллится вниз, он должен дойти до края белого фона и "скрыться" под ним. (см. картинку внизу)

сделайте верхний div fixed и z-index на нем, тогда сайт при скроле будет уходить под него.

. . .

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий