我正在建立这个网站，这对我来说很棘手。它采用导航设计的方式，徽标/搜索栏区域是透明的，后面的滑块使其变得艰难。加载页面时，您会注意到滑块页面顶部的按钮和文本最初没有加载。一秒钟后，它们出现，第一张幻灯片图像闪回到屏幕上。如果您滚动到页面的最底部，您可以看到按钮和文本在那里加载，然后向上移动到预期的位置。我似乎总是在屏幕上第一张幻灯片闪烁时出现问题。有什么想法发生了什么？
http://new.townofbargersville.org/
注意：我正在使用Chrome。在Safari中，按钮和文本甚至不会显示，直到第二张幻灯片过渡为止。
答案 0 :(得分：0)
当您开始调用flexslider时，代码会将ul.slides移动到容器的最后一个元素（div#banner）。这就是你几秒钟后看到它的原因。
如果你没有调用它 - 你将永远不会看到div#banner-contact的内容，因为它被定位为绝对，并且它上面还有另一层（ul.slides）。容器div#banner的高度为634px和overflow: hidden，因此下方的任何内容都将被隐藏。
为了实现这一点，您应该只更改元素的顺序。在<ul class="slides">
<div id="banner-content">