jquery - superslides jquery 插件中的潜在错误？

Question

我刚刚设置了一个带有页脚的页面，其中包括新闻行情和时钟。我已经使用 superslides 插件使 slider 正常工作，但我不确定这是错误还是我的编码错误。

当转换发生时，它覆盖了一半的页脚。我已将代码上传到以下位置以显示问题。

http://discoveryschoolstrust.org.uk/signage

HTML

  <div id="slides">
<div class="slides-container">
  <img src="images/people.jpeg" alt="Cinelli">
  <img src="images/surly.jpeg" width="1024" height="682" alt="Surly">
  <img src="images/cinelli-front.jpeg" width="1024" height="683" alt="Cinelli">
  <img src="images/affinity.jpeg" width="1024" height="685" alt="Affinity">
</div>
  </div>

<div id="footer">
 <div id="tickernews-container">

                    <ul id="tickernews" style="height: 60px; overflow: hidden;">

                        <div id="time"><span class="hour"></span></div>

                    <li style="margin-top: 0px;">
                            Fully customizable to every kind of vertical scrolling need.
                        </li><li style="margin-top: 0px;">
                            Light-weight and optimized JQuery plugin.
                        </li><li style="margin-top: 0px;">
                            A powerful, flexible and animated vertical news ticker plugin.
                        </li><li style="margin-top: 0px;">
                            Provides hight flexibility thanks to numerous callbacks &amp; methods.
                        </li></ul>
                </div>
</div>


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
 <script src="js/jquery.superslides.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.js"></script>
<script src="js/prism.js"></script>
<script src="js/jquery.mCustomScrollbar.min.js"></script>
<script src="js/jquery.newsTicker.js"></script>   
<script src="js/jquery.easing-1.3.js"></script> 
</body>

页脚的 CSS

html {
  position: relative;
  min-height: 100%;
}
body {
margin-bottom: 60px; 
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
background-color: #f5f5f5;
}

Answer 1

基本上， slider 在过渡时具有比页脚更高的 z-index。所有定位的元素都可以有一个 z-index 集，使其在事物的顺序中显得更高或更低。

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
    z-index: 2;
}