我有一个带有overflow:scroll;的容器div。它包含一个平铺的背景div（宽度：100％; 高度：100％;），在其上有许多可拖动的div。
当可拖动的div使容器div溢出时，如何使平铺背景也覆盖溢出部分呢？
谢谢！
当可拖动的div使容器div溢出时，如何使平铺背景也覆盖溢出部分呢？
谢谢！
当div溢出时，通过内容滚动背景图像
3
- KemanoThief
2
为什么要使用额外的div来放置背景图片？你不可以通过CSS的background属性将图片应用到容器div上吗？ - schellmax
如果我理解正确的话，背景图片没有额外的DIV。有几个DIV可以被拖放放置在一个单独的容器DIV中。容器DIV具有背景，并且溢出设置为滚动。问题是当可拖动的DIV移动到容器DIV之外时，背景不会扩展，而且背景是空白的。我不认为可能将背景扩展到添加它的DIV的限制之外。提供一个链接让我们看看问题会很好。 - Brent Friar
1个回答
3
正如@schellmax在评论中建议的那样，显而易见的解决方案似乎是将背景图像应用于容器div，而不是其内部的另一个div。这将是最优雅的解决方案。
如果这不可行，例如当您想在容器div的背景上使用透明重复的背景图像时，您可以尝试不在内部div上指定特定宽度（width:auto或width:inherit）。然后，对于高度，您可以尝试height:inherit。如果这不起作用（我还没有测试过），也许需要一种JavaScript解决方案 - 尽管仍然，我更喜欢采用我在第一段中所说的方法。
如果这不可行，例如当您想在容器div的背景上使用透明重复的背景图像时，您可以尝试不在内部div上指定特定宽度（width:auto或width:inherit）。然后，对于高度，您可以尝试height:inherit。如果这不起作用（我还没有测试过），也许需要一种JavaScript解决方案 - 尽管仍然，我更喜欢采用我在第一段中所说的方法。
- Herman Schaaf
3
谢谢您的回复。
如果我将背景应用于容器，则它不会随内容滚动（在webkit中）。
如果我使用auto或inherit，则背景会消失。
那么JavaScript是唯一的解决方案吗？看起来我错过了某些简单的东西。 - KemanoThief
1哦，我明白了。我怀疑那里将不会有一个CSS解决方案。你最好的选择是使用JavaScript解决方案，在容器的内部宽度改变时设置内部元素的宽度和高度。 - Herman Schaaf
页面http://www.tizag.com/cssT/background.php上有一个例子，大约在页面中间位置。当您滚动整个页面时，滚动背景会起作用，但是当您在文本框内滚动时，它不起作用，这正是我想要的。 - KemanoThief
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接