Позволяет фон переполняться?

У меня есть опыт, такие, как показано ниже:Позволяет фон переполняться?

enter image description here

Проблема, я хочу, чтобы установить ширину контейнера коробки только покрыть до конца белых областей & поэтому тень должна «перелива ». Я не хочу использовать выходной контейнер или дополнение, поскольку я стараюсь избегать дополнительной ширины; если фон переполняется, браузер не будет создавать горизонтальный; прокрутки для этого, и это именно то, что я хочу.

Есть ли способ сделать это, или я буду вынужден использовать полную ширину?

источник

2013-04-25 Brett

Фоны на <body> не влияют на полосу прокрутки, поэтому в зависимости от того, что вам нужно, тень для вас может сделать что-то похожее на это;

body { 
    background: url(http://i.stack.imgur.com/ftW5z.png) no-repeat center top; 
    margin: 0; 
} 
.container { 
    width: 1014px; /* inner space of shadow image */ 
    margin: 35px auto; /* 35px matches size of top shadow */ 
}

Демонстрация на http://jsfiddle.net/gjsxn/2/

Вы можете вероятно достичь того же эффекта с другим контейнером и использование мин-ширина и переполнения скрытых.

источник

2013-04-25 13:23:37 xec

Хмммм .... У меня есть другое изображение, настроенное как тело backgrouund, но вы просто дали мне идею, возможно, включить это как часть фонового изображения; не совсем идеальный, хотя TBH. – Brett

Позволяет фон переполняться?

ответ

Смежные вопросы