滑塊在屏幕上閃爍並加載怪異

Question

我正在建設這個網站，它對我來說一直很棘手。它的設計方式是使用導航，標識/搜索欄區域是透明的，滑塊後面的滑塊使其變得更加困難。加載頁面時，您會注意到滑塊頁面頂部的按鈕和文本首先不會加載。一秒鐘後，它們出現並且第一張幻燈片圖像閃回到屏幕上。如果你滾動到頁面的最底部，你可以看到按鈕和文本加載到那裏，然後移動到預期的位置。我在屏幕上閃爍的第一張幻燈片似乎總是有問題。任何想法是怎麼回事？

http://new.townofbargersville.org/

注：我使用Chrome。在Safari中，按鈕和文本甚至不會顯示，直到第二張幻燈片切換爲止。

Answer 1

當您開始調用flexslider時，代碼將ul.slides移動爲容器的最後一個元素（div#banner）。這就是爲什麼你幾秒後看到它。 如果你沒有給它打電話 - 你永遠不會看到div#banner-contact的內容，因爲它的位置是絕對的，並且它上面還有另一層（ul.slides）。容器div#banner的高度爲634px和overflow: hidden，因此低於此值的任何內容都將被隱藏。

爲了這個工作，你應該改變你的元素的順序。移動<ul class="slides">在<div id="banner-content">