css - 如何将菜单项放置在旋转木马顶部的固定位置？

Question

我正在使用带有 Bootstrap 的 wt-rotator 轮播插件。我必须在左上角的旋转木马顶部的固定位置放置一个菜单。即使图像淡入淡出，菜单也应保留在那里。有没有办法使用 CSS 来实现？

编辑:添加了下面的代码。到目前为止只有下面这段代码。它是一个 bootstrap jumbotron，里面有一个 wt-rotator carousel。在这个旋转木马之上，我必须放一个菜单。

    <div class="jumbotron">
  <div class="container">      
        <div id="banner-container">

            <div class="wt-rotator">
                <div class="c-panel">               
                    <div class="thumbnails">
                        <ul>
                            <li>
                                <a href="images/image1.jpg"></a>
                            </li>
                            <li>
                                <a href="images/image2.jpg"></a>
                            </li>
                            <li>
                                <a href="images/image3.jpg"></a>
                            </li>
                            <li>
                                <a href="images/image4.jpg"></a>
                            </li>
                        </ul>
                    </div>

                    <div class="buttons">
                        <div class="prev-btn"></div>
                        <div class="play-btn"></div>
                        <div class="next-btn"></div>
                    </div>

                </div>
            </div>
        </div>
  </div>

Answer 1

您可以使用位置绝对和 z-index 优于 slider 的外部 div，并将该 div 放在 slider 的前面。