CSS для больших фонов на разных размерах экрана без полос прокрутки - PullRequest
Новая
       0

CSS для больших фонов на разных размерах экрана без полос прокрутки

0 голосов
/ 14 января 2012

Может быть, это не сложно, но я не вижу решения прямо сейчас :) Я получил div с содержимым в 960 пикселей по центру, и теперь мне нужно добавить тизер, который состоит из 2 частей, огромный фон с широкими тенями (шириной 2000 пикселей)и некоторые передние картинки макс. 960 пикселей в ширину.Если я добавляю фон 2000px, мой хром автоматически применяет горизонтальные полосы прокрутки из-за моего низкого разрешения 1280px.Что мне нужно, так это то, что он игнорирует полосы прокрутки и позволяет изображению выходить за границы и видеть его только в более высоких разрешениях 

<div id="cotainer!> <!--! #container 960px wide, margin: auto, overflow:visible --->

  <div id="stage"></div> <!--! has the 2000px background -->

</div> <!--! end of #container -->

Надеюсь, я смог правильно описать свою проблему, заранее спасибо за любыепомощь!

1 Ответ

1 голос
/ 14 января 2012

Вы ошибаетесь. Если вам нужно широкое фоновое изображение, вам нужно применить фон к оболочке и добавить контейнер внутри оболочки: 

<div id="#wrapper" style="background-image:(url...);background-repeat:no-repeat;">
     <div id="container"> STUFF </div>
</div>

Это будет работать до тех пор, пока оболочка не будет заключена в какой-либо более узкий элемент div (он будет расширяться, чтобы соответствовать ширине страницы).

...