Помогите плиз с фоном

val06

Гуру форума
Регистрация
11 Авг 2006
Сообщения
254
Реакции
85
Добрый день. Знакомый попросил поставить фон по оригинальнее. Поставил анимированный.
Прописал background-attachment:fixed;
Но получается ерунда какая то. Фон стоит, но закрывается при прокрутке сайтом.
Посмотрите плиз, может кто подскажет как исправить.
Скрытое содержимое доступно для зарегистрированных пользователей!
 

D'Jack

Постоялец
Регистрация
22 Сен 2012
Сообщения
436
Реакции
164
Поменяйте в скрипте:

position: absolute;
на
position: fixed;
 

val06

Гуру форума
Регистрация
11 Авг 2006
Сообщения
254
Реакции
85
поменял, стало лучше, но фон стал растягиваться. не особо красиво получается
 

HADAJIb

Постоялец
Регистрация
5 Июн 2012
Сообщения
84
Реакции
85
А если повторение фона сделать? Или привязать к скролу при прокрутке только нужную часть фона. Бывает в шабах такие ф-ции есть, повторение, фикс, либо растянуто.
 

Hello.World

Создатель
Регистрация
26 Апр 2014
Сообщения
15
Реакции
5
А что за скрипт используется для такого эффекта и что завешивается на скрол? Мне кажется тут в js что-то при скроле надо задавать
 

val06

Гуру форума
Регистрация
11 Авг 2006
Сообщения
254
Реакции
85
вот сам скрипт
 

Вложения

  • fon.rar
    471,7 KB · Просмотры: 4

Hello.World

Создатель
Регистрация
26 Апр 2014
Сообщения
15
Реакции
5
поменял, стало лучше, но фон стал растягиваться. не особо красиво получается
Фон как раз и стал растягиваться из-за background-attachment:fixed; Если убрать его с body, тогда волны работают и при скроле тоже отображаются хорошо. Но в таком случае плохо отображается обычная фоновая картинка (полагаю, она для старых браузеров, которые не смогут показать этих рифов). В таком случае можно или сделать проверку на версию браузера и если старая - не включать скрипт волн. Или же сделать отдельный блок и вешать на него фоновое изображение, а не на body.
 
Сверху