2012-05-30 3 views
0

У меня есть полноэкранный фон, который работает при изменении размера окна, но он не позволяет прокручивать, когда страница длиннее окна. Это просто отключает.Полноэкранный фон не позволяет прокручивать

Как сохранить фоновый рисунок всего экрана, но разрешить пользователю прокручивать страницы на более крупной странице?

Это сайт я работаю - http://www.uktinplate.com/v1/sales/

ответ

1

вам нужно добавить position: fixed к элементу фонового изображения.

Тогда вам нужно взять position: fixed прочь mainContent и заменить его position: absolute

Затем возьмите overflow: hidden стиль прочь wrapper элемента

+0

Крекинг, это сработало спасибо. – Rob

0

Установите изображение в качестве фона вместо фактического изображения.

Затем используйте свойство фон-Attachment

W3C Background attachment guide

+0

Изображение на самом деле изменяет размер, когда вы сделаете окно браузера больше/меньше. Если бы я использовал привязку к фону, не просто ли это растягивать его, чтобы заполнить окно и быть вне отношения? – Rob

+0

Используя CSS3, вы можете использовать размер фона, если это то, чего вы пытаетесь достичь. Http://www.css3.info/preview/background-size/ –

+0

Хотелось бы использовать CSS3, но проблемы совместимости с браузерами, исправленные сейчас, в любом случае спасибо. – Rob