В каком направлении копать для адаптивного скроллируемого фона?

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

В каком направлении копать для адаптивного скроллируемого фона?

Опции

NDanilov2015

Topic Starter сообщение

26.4.2016, 16:10; Ответить: NDanilov2015

Сообщение #1

Группа: User
Сообщений: 4
Регистрация: 9.8.2015
Поблагодарили: 0 раз
Репутация:

Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров).

Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать):
[CSS]
.box{ background: url('../img/1.jpg') no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }[/CSS]
(.box - это главный контейнер вложенный в <body>)

Скроллингу мешает background-attachment, выставленное в fixed. Но стоит убрать fixed, тогда исчезает адаптивность(((

Как грамотно решается такая задача?) Может здесь надо задействовать jQuery (и как именно)?

PS. Заранее спасибо!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

Ответить с цитированием данного сообщения

« Предыдущая тема · Программная часть · Следующая тема »

2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!	84	AdsPower	24515	Сегодня, 16:35 автор: AdsPower
Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат	55	arendator	35100	Сегодня, 2:12 автор: arendator
Rebex.io – Ваша инновационная платформа для обмена криптовалюты!	3	Rebex	972	Вчера, 20:50 автор: Rebex
Посоветуйте массажер для спины и шеи	10	Boymaster	909	Вчера, 18:02 автор: Boymaster
Обучение Email Рассылкам + Софт Для Автоматизации (100к в сутки с сервера)	10	zennoboss	4664	Вчера, 5:20 автор: Skyworker

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 25.4.2024, 17:42

Дизайн