允许背景溢出?
问题描述:
我有一个背景,如以下:允许背景溢出?
麻烦是欲容纳箱的宽度设置为只覆盖到白色区域&因此阴影应该“溢出的端部”。我不想使用外部容器或填充,因为我试图避免使用额外的宽度;如果背景溢出,那么浏览器不会创建水平;滚动条,这正是我想要的。
有没有什么办法可以做到这一点,还是我会被迫使用全宽?
答
<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/
可以容易实现与另一容器中,并使用最小宽度和溢出隐藏的相同的效果。
嗯....我有另一个图像设置为身体backgrouund,但你只是给了我一个想法,也许包括作为背景图像的一部分;尽管TBH并不理想。 – Brett 2013-04-25 15:27:24