我正在建立这个网站，这对我来说很棘手。导航，徽标/搜索栏区域是透明的以及其后面的滑块的设计方式使其变得很难。加载页面时，您会注意到滑块页面顶部的按钮和文本最初并未加载。一秒钟后，它们出现，并且第一张幻灯片图像闪烁回到屏幕上。而且，如果滚动到页面的最底部，您会看到按钮和文本在此处向下加载，然后向上移动到所需位置。屏幕上闪烁的第一张幻灯片似乎总是有问题。有什么想法吗？
http://new.townofbargersville.org/
注意：我正在使用Chrome。在Safari中，按钮和文本甚至在第二张幻灯片过渡之前都不会显示。
当您开始调用flexslider时，代码会将移至ul.slides容器的最后一个元素（div#banner）。这就是为什么您在几秒钟后看到它的原因。如果您没有调用它-您将永远看不到的内容div#banner-contact，因为它的位置是绝对的，并且在它的上方还有另一层（ul.slides）。容器的div#banner高度为634px，overflow: hidden因此低于该高度的任何内容都将被隐藏。
为了使它起作用，您应该只更改元素的顺序。移动<ul class="slides">下<div id="banner-content">
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句