允许背景溢出?

问题描述:

我有一个背景,如以下:允许背景溢出?

enter image description here

麻烦是欲容纳箱的宽度设置为只覆盖到白色区域&因此阴影应该“溢出的端部”。我不想使用外部容器或填充,因为我试图避免使用额外的宽度;如果背景溢出,那么浏览器不会创建水平;滚动条,这正是我想要的。

有没有什么办法可以做到这一点,还是我会被迫使用全宽?

<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/

可以容易实现与另一容器中,并使用最小宽度和溢出隐藏的相同的效果。

+0

嗯....我有另一个图像设置为身体backgrouund,但你只是给了我一个想法,也许包括作为背景图像的一部分;尽管TBH并不理想。 – Brett 2013-04-25 15:27:24