当div溢出时滚动带有内容的背景图像

我得到了一个溢出的容器div：scroll ;.它包含一个平铺的背景div（宽度：100％;高度：100％;），顶部有很多可拖动的div。当div溢出时滚动带有内容的背景图像

当可拖动div使容器div溢出时，如何获得平铺背景以覆盖溢出？

visual example

谢谢！

2011-04-27 mradbourne

为什么你使用额外的div作为背景图片？你可以通过css背景属性将图像应用到容器div，否？ – schellmax 2011-04-27 14:51:08

如果我理解正确，没有额外的div用于背景图片。有几个div可以拖放到一个容器div中。容器div具有背景并且溢出设置为滚动。问题是当一个可拖动的div被移出容器div之外。背景不扩展，背景为空白。我不认为有可能将背景扩展到超出它所添加的div范围之外。链接会很好，所以我们可以看到问题。 – 2011-04-27 19:19:07

由于@schellmax在评论中提出，显而易见的解决方案似乎是将背景图像应用于容器div，而不是其中的另一个div。这将是最优雅的解决方案。

如果这不是一种可能性，当要使用在容器div的背景透明重复的背景图像，例如，则可以尝试在所述内div（width: auto或width: inherit）不指定特定的宽度。然后，对于身高，你可以尝试height: inherit。如果这不起作用（我还没有测试过），可能是一个javascript解决方案 - 尽管如此，我宁愿按照我在第一段中所说的去解决问题。

来源

2011-04-27 15:47:28

感谢您的回复。如果我将背景应用于容器，那么它不会随内容一起滚动（无论在webkit中）。如果我使用自动或继承，那么背景消失。 JavaScript是唯一的解决方案吗？似乎我错过了一些简单的东西。 – mradbourne 2011-04-29 11:09:27

哦，我明白了。然后我怀疑会有CSS解决方案。你最好的选择将是一个JavaScript解决方案，当容器的内部宽度改变时，它设置内部元素的宽度和高度。 – 2011-04-29 11:12:57

在http://www.tizag.com/cssT/background.php上有一个例子，大约在页面的中间位置。当您滚动整个页面时，滚动背景会起作用，但当您在文本框中滚动时，不会滚动背景，这正是我想要的。 – mradbourne 2011-04-29 11:22:52

当div溢出时滚动带有内容的背景图像

回答

相关问题