css - 奇怪的 CSS 问题。在一个 div 上更改 CSS，影响完全不同

Question

我的 CSS 有一个奇怪的问题。这个真的想不通我在 http://www.replyonline.co.uk/DirectionGroup/xmas/ 创建了这个网站

您可以上下拖动浏览 Gingerbread 照片。在它的正下方是大约 60px 的空间，显示棕色背景。我试图消除这个空间，让照片直接到页脚。

.ib-top 是顶部的栏，它是一个设置了宽度和高度的 div，并为其设置了背景图像。

.ib-top{
background: url(../images/bg-top.png) no-repeat;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 175px;
z-index: 9999;
}

我注意到如果我去掉 height: 175px;在 .ib-top 上，照片会根据需要移动到页脚，但是 .ib-top 背景图像不会显示，因为没有设置高度。

我该如何解决这个问题？

谢谢

Answer 1

转到您的 JS 并查找这一行:

$ibWrapper.css( 'height', $(window).height() - containerMargins )

然后添加你需要的 60px，像这样:

$ibWrapper.css( 'height', $(window).height() - containerMargins + 60 )