Как реализовать адаптивный скроллируемый фон, да еще с usemap?

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

Пока что удавалось реализовать лишь адаптивность, но без скроллинга:
.box{
background: url('../img/1.jpg') no-repeat;
background-position: center center;
background-attachment: fixed;

background-size: cover;
}


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

Как решается такая задача?) Может здесь надо задействовать jQuery?
  • Вопрос задан
  • 290 просмотров
Пригласить эксперта
Ответы на вопрос 1
@AndreyMyagkov
а если обернуть в блок с position:fixed ?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы