div溢出时滚动背景图像与内容

时间:2011-04-27 12:52:44

标签: css background overflow

我有一个带溢出的容器div:scroll;。它包含一个平铺的背景div(宽度:100%;高度:100%;),顶部有许多可拖动的div。

当可拖动的div使容器div溢出时,如何让平铺的背景覆盖溢出?

visual example

谢谢!

1 个答案:

答案 0 :(得分:3)

正如@schellmax在评论中建议的那样,显而易见的解决方案似乎是将背景图像应用于容器div,而不是其中的另一个div。那将是最优雅的解决方案。

如果这不可能,例如当你想在容器div的背景上使用透明的重复背景图像时,你可能会尝试不在内部div上指定特定的宽度({{1} }或width: auto)。然后,对于高度,您可以尝试width: inherit。如果这不起作用(我还没有测试过),也许是一个javascript解决方案 - 尽管如此,我宁愿选择我在第一段所说的内容。