允許背景溢出？

我有一個背景，如以下：允許背景溢出？

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 2013-04-25 15:27:24

允許背景溢出？

回答

相關問題