Скрыть полосу прокрутки на абсолютном позиционном div

Question

У меня есть div, который позиционируется: absolute, этот div выходит за границы моей оболочки сайта, поскольку он просто содержит фоновое изображение для слайдера и его не нужно видеть постоянно. Проблема в том, что я не могу понять, как остановить этот div, активируя полосу прокрутки. Я пробовал разные комбинации переполнения и положения и не могу решить.

Если вы осмотрите элемент с помощью firebug, просто поместите его поверх тени позади ползунка, и вы увидите соответствующий div. Вы замечаете, что полоса прокрутки срабатывает, как только границы браузера касаются ее. Просмотр ссылки

Может кто-нибудь дать мне знать, как остановить полосу прокрутки, появляющуюся для теневого div?

Приветствие Nik

Answer 1

Во-первых, спасибо тем, кто прокомментировал.

Я нашел решение, которое позволяет мне сохранять макет таким же, сохраняя при этом ширину документа.Что я сделал, так это создал # wrap2 внутри основной оболочки, ширина которой составляет 100% (полная ширина окна браузера).

#wrap2 {background: url(../css_img/slider-bg.png) no-repeat center 317px; }

Хитрость в этом заключалась в том, чтобы убедиться, что положение изображения установлено в центр,Это означает, что изображение также будет оставаться относительно содержимого при изменении размера браузера.Я сделал линию тени позади ползунка так, чтобы добавить пустые пиксели слева, чтобы изображение получило ширину около 1200 пикселей, эта часть с подтянутой тенью вправо.Поскольку это все пустые пиксели, это только добавило приблизительно 1 КБ.Если кто-то думает, что есть лучшее решение, дайте мне знать.

Answer 2

Это размер DIV.Когда я проверяю его с помощью Chrome, CSS показывает, что для контейнера DIV была установлена ​​ширина 520 пикселей, а для проблемного DIV было установлено значение 733 пикселей, поэтому он фактически превышает центральную область ширины 980 пикселей.Если вы не хотите, чтобы тень исчезла, я предлагаю переместить ее немного влево и сделать меньший элемент div для нее меньшим.

Вы можете использовать CSS overflow-x: hidden для элемента body.

Другим более сложным способом, который приходит на ум, является использование jQuery для определения размера окна и изменения размера проблемного div в соответствии с размером окна.