问CSS:滚动时背景图像不填充- redux
EN

Stack Overflow用户

提问于 2011-12-04 19:55:07

回答 1查看 618关注 0票数 0

我正在寻求帮助，试图解决我的背景图像填充问题。我想要一个粘性的页脚，但现在如果我在一个较小的窗口中查看我的网站，然后向下滚动，我的背景图像就会消失。我知道这是因为我的高度设置是100%，这使得我的图像基于初始视口大小，但我似乎不能实现任何类型的修复。

这是我正在工作的网站(仍在开发中)：http://student.plattsburgh.edu/stipl001/index.html。

这个问题最好在一个小窗口中查看这个页面：http://student.plattsburgh.edu/stipl001/resume.html。

我在不同的网站上读了很多很多的帖子试图弄清楚这个问题(包括这个：CSS: background image does not fill when scrolling)，但我没有任何运气。我尝试在css中设置我能想到的所有不同的背景属性，包括一些较新的属性。然后我尝试了overflow属性，但它只是隐藏了我的所有文本，或者创建了一个奇怪的滚动条，使我的文本在标题上滚动。我还尝试将页面背景从正文移动到html，并将容器背景从容器移动到正文，但这并没有改变任何事情，所以我一定是做错了什么(可能是因为我有两个背景图像要处理？)。

我只是一个编程新手，我一直在自学，所以我真的很感激关于什么方法对我的网站最好的修复方法的具体建议，以及我如何去实现它。在花了大约10个小时解决这个问题后，我束手无策。

非常感谢!

css

xhtml

background-image

帕鲁一键部署教程

游戏联机服务器搭建等实践课程手把手教学，会用再买

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-12-04 20:21:36

只需将min- height :100%更改为min-height:1092px (图像的高度)，就可以了……

编辑：

之前的回答有点太快了，在再次查看代码后，我注意到这个错误是由浮动列引起的:如果你浮动一个元素，容器元素将不会继承被浮动元素的高度-这就是为什么高度被设置为初始窗口的100%，并且如果内容列变长了也不会扩展。这可以通过在#rightcolumn之后的#container中添加一个额外的元素来解决-这将强制父元素接管其内容的高度。

有关简化的示例，请参阅http://jsfiddle.net/uS7Ba/1/，其中包括改进的固定页脚。

希望这能帮上忙。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8378154

复制

Linux中创建自己的MOTD[通俗易懂]

bash 指令 bash https 网络安全 shell

　　motd：是英文缩写message of the day 。译文是：每日提示信息，问候报文。那你为什么要用MOTD？其实目的很简单，是提示进入系统的用户注意事项，或提示系统运行的概要信息让用户更好的了解系统。在Linux系统要实现自己的MOTD，首先需要认识/etc/motd文件。

全栈程序员站长

2022/09/20