我的背景底部莫名其妙地切断了

时间:2013-09-17 03:55:03

标签: html css background-image

我在页面的最底部遇到了一个奇怪的背景图像截断。只有当你有一个简短的浏览器窗口并滚动到最底层时,它才会显而易见。它只发生在较长的页面上。

Firebug检查显示一个视口宽度元素,完全伸展在最底部的浏览器窗口,大约50px高,似乎是“阻塞”它,但这不符合我布局中的任何div - 我无论如何都可以找到!

此外,当翻过这个奇怪的元素时,它是第一个在Firebug中突出显示的<HTML lang="en-us">行。

更长的页面:http://bit.ly/151TFnW

============随访==================

根据这里的有用建议,我通过从BODY样式中删除100%高度来修复上述问题。但这打破了别的东西!现在,在这个较短的页面上:

短页:http://bit.ly/1fvbnHY

当浏览器窗口足够高以显示此背景时,背景图像仍会在底部被截断。

删除100%的BODY,第二个,较短的页面很好 - 完整的bg图像和底部边距 - 但早期链接的问题会返回。

帮助.... !!!

2 个答案:

答案 0 :(得分:0)

据我所知,它看起来是由分配给height的{​​{1}}值引起的。当我删除该规则时,大部分差距消失了。我假设最后一点来自页脚溢出的一些边距。

答案 1 :(得分:0)

嗯,它可能会或可能不会被认为是一个正确的解决方案,因为它没有解决为什么有问题的页面对“身高100%高度”设置的反应不同于网站其他部分...但我通过使用CSS定位它来解决它,以便问题页面根本不接收CSS规则。

所以,松了一口气,但是知道我并没有真正理解为什么它正在做它正在做的事情。