Google chrome 页面元素在chrome中消失

我在一个我一直在工作的网站上遇到了一个问题，它只发生在Chrome上

页面加载（下面的链接）后，除了导航栏和赞助商横幅之外的所有内容都将消失。然而，如果我向下滚动，事情会以应有的方式重新出现。向上滚动，它们将再次消失。我还没有在很多其他地方测试过，但我至少在另一台电脑（Chrome）上试过，同样的事情也发生了。我不是最初创建这个网站的人，但我已经在这个网站上工作了一段时间，对它有了相当好的理解。但是我从来没见过这么奇怪的事情。其他注释：有时整个背景和内容消失，有时只是部分内容。它还真的很落后，同样只在铬

我认为这可能与JavaScript有关，但我不知道。有人能告诉我为什么页面会这样吗？也许该怎么修？为什么它只发生在Chrome中？非常感谢您的帮助

链接：

这里还有几个屏幕截图，显示了向下滚动前后的区别

---

首先修复第页上的错误：“找不到版本为“1.10.0”的“jquery！” 话虽如此， 我认为这与横幅的宽度有关：

 <img id="banner" style="position:relative; top:-300px; width: 430px; height:auto;display: block;" src="images/SAElogo.png">

---

所以，这是有效的！你有没有可能解释一下为什么东西消失了？还有，我想让横幅像以前一样大。。。除了将其缩小并完全改变外观之外，还有其他解决方法吗？实际上，我开始摆弄横幅的大小，似乎图像文件的大小也是造成问题的原因。我替换了一个压缩的和更小的，所以现在我可以有它的全尺寸和正确显示。尽管如此，你能提供一些关于为什么会发生这种情况的见解吗？而且只有在Chrome中？非常感谢。很抱歉，我帮不了你。你正在使用的代码构建的都是错误的，它的行为是不可预测的。例如，相对位置在事情看起来不对劲时起着重要作用。是的，我还有工作要做。这个横幅被扔进了导航文件中，这样我就不必一直将代码单独复制到所有页面。现在我知道是罪魁祸首了，我要重新组织一下。再次感谢。

width: 300px;